减少 JavaScript 执行时间

Published on Updated on

Translated to: English, Español, Português, 한국어, Pусский, 日本語

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

  • 网络成本

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

  • 解析和编译成本

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

  • 执行成本

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

  • 内存成本

    如果您的 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 执行

For other ways to improve page load, check out the Performance audits landing page.

资源

减少 JavaScript 执行时间审计的源代码

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.