PageSpeed app.js 和 app.css 阻止渲染
PageSpeed app.js and app.css blocking render
我正在针对来自 google 的 PageSpeed Insight 优化我的网站,只剩下 1 个 app.js 和 app.css 阻止呈现的问题。
因为我使用的是 webpack,所以我无法控制它,因为它会生成 index.html 文件并将脚本推送到那里,我知道 app.js 我可以使用类似 <script async>
的东西,但是如何我应该告诉 webpack 添加它吗?
另外,我该如何解决 css 的这个问题?
如果您使用 html-webpack-plugin
you can add async
attribute via its script-ext-html-webpack-plugin
扩展程序。
对于 css 阅读解释得很好 article。
我正在针对来自 google 的 PageSpeed Insight 优化我的网站,只剩下 1 个 app.js 和 app.css 阻止呈现的问题。
因为我使用的是 webpack,所以我无法控制它,因为它会生成 index.html 文件并将脚本推送到那里,我知道 app.js 我可以使用类似 <script async>
的东西,但是如何我应该告诉 webpack 添加它吗?
另外,我该如何解决 css 的这个问题?
如果您使用 html-webpack-plugin
you can add async
attribute via its script-ext-html-webpack-plugin
扩展程序。
对于 css 阅读解释得很好 article。