摘要: 更少的代码 = 更少的解析/编译(时间) + 更少的传输(时间) + 更少的解压(时间)
网络
大多数开发者考虑 JavaScript 的时间消耗时, 都会首先考虑到 JavaScript 的下载和执行消耗...同时, 也可以了解下通过 文件哈希名 实现长久缓存.
cache
解析/编译
脚本下载之后, JavaScript 最消耗时间的地方就是 JS 引擎对代码的解析/编译....从下图可以看出, 脚本解析所需要的时间(橙色部分)是页面加载中最耗时的一部分:
Call Stats
其它消耗
除上述方式外, JavaScript 还能通过如下方式影响页面性能:
内存....当 JavaScript Bundles 很大时, 为了减少白屏时间(First paint time), 一些开发者会采用服务端渲染的方式, 当 JS 处理完成之后再将其 “升级” 为事件处理....但这种方式也是有时间消耗的: 1) 通常会发送一个很大的 HTML 文件作为响应, 2) 在 JavaScript 完成处理之前, 页面可能只有一部分是可交互的.
因而逐步引导可能是一个更好的方式.