javascript - 如何消除 angular-cli 站点中的渲染阻塞？

Question

运行 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:

Answer 1

恐怕目前无法使用 CLI。参见 https://github.com/angular/angular-cli/issues/3323讨论这个话题。