运行 ng build --prod
后,我可以进入新创建的 dist 文件夹中的 index.html
文件并添加 async
属性绑定(bind)的脚本标签,以防止它们被阻塞。这有助于提高网站速度,但偶尔会导致网站崩溃。 angular-cli.json
中是否有一个选项可以在构建过程中以更好的方式为我添加这个?
我通过谷歌测试我的网站来运行我的网站,我唯一需要修复的是消除渲染阻塞 JavaScript 和 css在首屏内容中
下面是我从 https://developers.google.com/speed/pagespeed/insights/ 得到的更具体的结果
消除首屏内容中的渲染阻塞 JavaScript 和 CSS
您的页面有 4 个阻塞脚本资源和 1 个阻塞 CSS 资源。这会导致页面呈现延迟。如果不等待以下资源加载,则无法呈现页面上的任何首屏内容。尝试延迟或异步加载阻塞资源,或直接在 html 中内联这些资源的关键部分.删除渲染阻塞 JavaScript:
最佳答案
恐怕目前无法使用 CLI。参见 https://github.com/angular/angular-cli/issues/3323讨论这个话题。
关于javascript - 如何消除 angular-cli 站点中的渲染阻塞?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44234700/