Web 性能入门指南-3.2 优化 JavaScript 的最佳实践

就字节而言，没有哪种资源比 JavaScript 对页面速度的影响更大。JavaScript 会影响网络性能、CPU 处理时间、内存使用率和整体用户体验。低效的脚本会降低您的网站速度，使其响应速度变慢，让用户更加沮丧。

为了确保您的网站顺利运行，优化 JavaScript 至关重要。本指南将引导您了解一些基本技术，通过重点减少对初始加载的影响以及减少实际 JavaScript 交互本身的影响，减少 JavaScript 对页面性能的负面影响。

减少负载影响

默认情况下，JavaScript 是解析器阻塞的。这意味着当浏览器找到 JavaScript 资源时，它需要停止解析 HTML，直到它下载、解析、编译和执行该 JavaScript。只有完成所有这些操作后，它才能继续查看其余 HTML 并开始请求其他资源并开始显示页面。

这意味着 JavaScript 会严重影响您初始页面的加载性能。我们可以采取一些措施来尽量减少这种情况。

尽可能不要使用 JavaScript

使用 JavaScript 时你能做的最好的事情就是：尽可能避免使用它。

随着网络变得越来越强大，CSS动画，延迟加载的HTML属性等功能使得许多传统的JavaScript解决方案变得不再必要。

虽然他们最初反对这个想法，但我们也看到主要的框架都开始接受这样的想法：在服务器上生成标记是一种比依赖客户端 JavaScript 生成所有内容更好的性能方法。

减少页面加载对 JavaScript 的依赖，不仅可以减少浏览器必须下载、解析、编译和执行的 JavaScript 量，还可以让浏览器利用其自身的内部优化来获得最佳性能。

确保 JavaScript 已最小化和压缩

为了降低 JavaScript 的网络成本，请确保所有 JavaScript 都已正确地最小化和压缩。

压缩 JavaScript 涉及从代码中删除所有不必要的字符（空格、注释等）而不改变其实际功能，并且可以（也应该）通过自动构建工具来完成。

对已最小化的文件进行适当的压缩可以大大减少文件大小和网络成本。有