谷歌Chrome技术经理Addy Osmani最近介绍了JavaScript成本研究的最新成果。他认为，由于JavaScript解析和编译速度的改进，现在其主要开销则集中到不断增加的脚本下载和CPU执行时间上。

在《2018 年 Java S cript成本》（Cost of JavaScript In 2018）一书中，Osmani指出，如果一个交互式网站需要经常混合使用CSS、JavaScript、图像和字体，那么“JavaScript永远是开销最大的那一部分”。一个170KB大小的图像与同样大小的JavaScript脚本相比，虽然两者的下载时间相同，但前者的处理速度要比后者快得多，因为图像解码和绘制的速度比脚本解析、编译和执行的速度快得多。

事实上，JavaScript的快速处理意味着更快地下载、解析、编译和执行脚本。

脚本下载时间主要由脚本大小和网络性能决定，而解析和编译时间则是由JavaScript引擎中使用的技术和设备性能（CPU和内存性能）所决定。执行时间明显受到CPU的制约。

对于V8引擎，Osmani提到了自2018年以来在解析/编译时间方面的改进：

自Chrome 60以来，V8中的原始JavaScript解析速度提高了2倍。与此同时，由于Chrome中其他同时进行的优化工作，原始解析（和编译）成本变得不那么明显/突出。Chrome 61解析Facebook的JS所用的时间，现在可以让Chrome75同时解析Facebook的JS和6倍于Twitter的JS。

二进制AST提案，目前处于TC39进程的初始阶段（第一阶段）。该提案提供了JavaScript抽象语法树的二进制编码，旨在进一步提高解析性能。

Osmani认为下载和执行时间是现在最需要关注的瓶颈。由于移动设备用户在整个互联网用户中所占的比例越来越大，执行和下载时间受到从低端到高端移动设备（设备性能差异非常大）的影响：热节流（thermal throttling）、不同的缓存大小、CPU、GPU以及网络技术（2G到5G）等。

为了减少下载时间，Osmani建议：

最小化JavaScript包的体积，尤其是面向移动设备的JavaScript包。
将大型捆绑包（超过50-100KB）拆分为更小的捆绑包，从而更好地利用HTTP/2多路复用功能。

Osmani提到需要对移动设备特别对待：

在移动设备上，尤其是考虑到网络速度，你需要更少的运行时间，同时还要保持较低的内存使用率。

为了减少执行时间，Osmani建议“避免那些使主线程忙碌的冗长任务，并且尽可能地提升页面交互的速度”。此外，开发人员应该避免使用很大的内联脚本（超过1KB）。

完整的成本研究包括支撑数据（主要集中在V8引擎和Chrome浏览器）、图表以及实用建议。JavaScript成本研究在2017年首次发表，并于2018年和2019年更新。

原文链接：

The Cost of JavaScript 2019: Improvement Opportunities Now Mostly in Download and Execution

创作场景

2019 年 JavaScript 优化方向：下载和执行