原文作者:Addy Osmani
译者:UC 国际研发 Jothy


image.png

不确定 的开销对你的用户体验影响是否太大了? Lighthouse 有一个 执行时间检测工具,可以测算 对页面加载性能的总体影响:

image.png

试试咯。它在 Chrome 开发者工具的 Audits 面板中。也可以通过 WebPageTest 找到它。

对于上面这个网站,在移动设备上,浏览器只需 51 秒(哇哦)即可处理此网站的核心包。 包括网络传输时间,用户只需等待最多一分钟就能与此页面进行交互⏳

image.png

这是花在中等移动设备配置上的时间,包括解析,编译和执行脚本。 dev.to(提供类似的内容体验)能够加载他们的主包,对脚本执行的依赖性最小 ️

image.png

我们该如何控制原始网站 JS 的成本呢?

答案是只传输用户真正预先需要的 Java

收藏 打印