减少 JavaScript 执行时间

当您的 JavaScript 需要很长时间来执行时,它会以多种方式降低您的页面性能:

1.1. 网络成本

更多的字节等于更长的下载时间。

1.2. 解析和编译成本

JavaScript 在主线程上被解析和编译。当主线程繁忙时,页面无法响应用户输入。

1.3. 执行成本

JavaScript 也在主线程上执行。如果您的页面在真正需要之前运行了大量代码,这也会延迟您的交互时间,这是与用户如何看待您的页面速度相关的关键指标之一。

1.4. 内存成本

如果您的 JavaScript 持有大量引用,则可能会消耗大量内存。页面在消耗大量内存时会出现卡顿或缓慢。内存泄漏会导致您的页面完全冻结。

Lighthouse JavaScript 执行时间审计失败的原因

当 JavaScript 执行时间超过 2 秒时,Lighthouse会显示警告。当执行时间超过 3.5 秒时审计失败:

减少 JavaScript 执行时间的 Lighthouse 审计截图 为了帮助您确定对执行时间影响最大的因素,Lighthouse 报告了执行、评估和解析页面加载的每个 JavaScript 文件所花费的时间。

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

如何加速 JavaScript 执行

Only send the code that your users need by implementing code splitting. Minify and compress your code. Remove unused code. Reduce network trips by caching your code with the PRPL pattern. For other ways to improve page load, check out the Performance audits landing page.

1. 资源