javascript - 如何减少网站中的渲染阻塞 Java 脚本

Question

我有一个 Joomla 网站，我希望根据 GoogleSpeed Insight 页面给出的指示来加快速度：“资源阻碍了页面的第一次绘制。考虑提供关键的 JS/CSS 内联并推迟所有非关键的 JS/样式。” 另见：https ://web.dev/render-blocking-resources/ 。

目标是将关键资源与可以延迟的资源分开，并消除未使用的代码，以加快网页的加载速度。

我已经阅读了一些帖子（例如：如何从 Chrome 开发工具中获取“覆盖”数据和如何从 Chrome 开发工具中获取“覆盖”数据），其中包含使用 Puppeteer 模块实现此目标的有趣建议。

但是我只找到了自动分析 CSS 代码的示例，而不是 JS 代码。在我的网站中，最相关的延迟是由于对 java 脚本的评估。有人可以编写一个使用 Puppeteer 生成 javascript 文件的代码片段，该文件只包含 JS 代码的关键部分吗？（可能应该使用 startJSCoverage() 和 stopJSCoverage()）。

先感谢您

标签： javascriptcode-coveragepuppeteerrender-blocking