performance - 灯塔审计：JS 减少执行时间

Question

提前非常感谢。在 google 的灯塔报告中，有一个部分叫做“减少 JavaScript 执行时间”。

在本节中，很少有像jquery.min.js这样的脚本，它们带有关联的“总 CPU 时间”、“脚本评估”、“脚本解析”列。

在本节中，还有一个页面（我正在为此运行报告）：www.abc.com/cards/

这是指什么 javascript 以及如何减少“总 CPU 时间”、“脚本评估”、“脚本解析”值。

再次感谢。

标签： performancequery-performancelighthouse

Answer 1

这是一个过于简化的解释，因为 JavaScript 在浏览器中的运行方式有很多特性，但它应该给出一个不错的想法。

脚本解析时间是浏览器读取整个文件并“理解”其中的内容为编译/评估部分做好准备所花费的时间

脚本评估时间是从解析脚本到将脚本加载到内存/执行脚本之间的时间。这是浏览器尝试优化准备执行的代码的地方。

总 CPU 时间是脚本使用的总 CPU 时间（在主线程上），包括解析、评估、编译和运行任何函数。