观点：JavaScript优化方向是下载和执行
极客时间编辑部
讲述：丁婵大小：1.50M时长：03:17
谷歌 Chrome 技术经理安迪·奥斯马尼（Addy Osmani）最近介绍了 JavaScript 成本研究的最新成果。他认为，由于 JavaScript 解析和编译速度的改进，现在其主要开销则集中到不断增加的脚本下载和 CPU 执行时间上。
在《2018 年 JavaScript 成本》（Cost of JavaScript In 2018）一书中，奥斯马尼指出，如果一个交互式网站需要经常混合使用 CSS、JavaScript、图像和字体，那么 JavaScript 永远是开销最大的那一部分。一个 170KB 大小的图像与同样大小的 JavaScript 脚本相比，虽然两者的下载时间相同，但前者的处理速度要比后者快得多，因为图像解码和绘制的速度比脚本解析、编译和执行的速度快得多。
事实上，JavaScript 的快速处理意味着更快地下载、解析、编译和执行脚本。脚本下载时间主要由脚本大小和网络性能决定，而解析和编译时间则是由 JavaScript 引擎中使用的技术和设备性能（CPU 和内存性能）所决定。执行时间明显受到 CPU 的制约。
自 Chrome 60 以来，V8 中的原始 JavaScript 解析速度提高了 2 倍。与此同时，由于 Chrome 中其他同时进行的优化工作，原始解析（和编译）成本变得不那么明显 / 突出。Chrome 61 解析 Facebook 的 JS 所用的时间，现在可以让 Chrome75 同时解析 Facebook 的 JS 和 6 倍于 Twitter 的 JS。
奥斯马尼认为下载和执行时间是现在最需要关注的瓶颈。由于移动设备用户在整个互联网用户中所占的比例越来越大，执行和下载时间受到从低端到高端移动设备（设备性能差异非常大）的影响，如热节流（thermal throttling）、不同的缓存大小、CPU、GPU 以及网络技术（2G 到 5G）等。
为了减少下载时间，奥斯马尼建议：最小化 JavaScript 包的体积，尤其是面向移动设备的 JavaScript 包；将大型捆绑包（超过 50-100KB）拆分为更小的捆绑包，从而更好地利用 HTTP/2 多路复用功能。
奥斯马尼还提到需要对移动设备特别对待，“在移动设备上，尤其是考虑到网络速度，你需要更少的运行时间，同时还要保持较低的内存使用率”。
以上就是今天的内容，希望对你有所帮助。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
该免费文章来自《极客视点》，如需阅读全部文章，
请先领取课程
请先领取课程
免费领取
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(1)
- 最新
- 精选
爱学习的大叔比较好奇热节流是什么？还有现在支持http2的浏览器
收起评论