前端性能优化 | Zero To Hero

📄️ React性能优化

React 凭借 v-dom 和 diff 算法拥有高效的性能，除此之外也有很多其他的方法和技巧可以进一步提升 React 的性能。

Web 页面性能优化，解决了图片相关，问题就解决了一半。本文从 Web 常见的图片格式入手，引出与图片优化相关的有效方案，期望对大家能有一点帮助。

前言

在以前，为了减少 HTTP 请求，通常我们会把所有的代码都打包成一个单独的 JS 文件。但是如果这个 JS 文件的体积太大的话，就会让整个请求体体积过大，从而降低请求响应的速度，那就得不偿失了。

浏览器中总是有一些操作非常耗费性能。所以就有了函数节流和函数防抖来提高浏览器性能。

对于 dom 上的性能优化追根揭底是对重绘和节流的把控。

localStorage 和 sessionStorage这两个都是用于存储客户端数据的。也被称为前端缓存或 webStorage。

文档流加载周期

1.重要性

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？

问题分析

在开发中经常会遇到网站的性能瓶颈，打开慢的情况。我们平常开发中应该怎么一步步排查这些问题并解决呢？