如何消除angular-cli网站中的渲染阻止?

时间:2017-05-29 04:41:15

标签: javascript angular

运行ng build --prod后,我可以进入新创建的dist文件夹中的index.html文件,并将async属性添加到捆绑的脚本标记中,以防止它们被阻止。这有助于网站速度,但偶尔会崩溃网站。 angular-cli.json中是否有一个选项可以在构建过程中以更好的方式为我添加这个选项? 我通过谷歌测试我的网站运行我的网站,我唯一要修复的是消除渲染阻止JavaScript和在首映内容

下面的

是我从https://developers.google.com/speed/pagespeed/insights/

获得的更具体的结果

消除上层内容中的渲染阻止JavaScript和CSS

您的页面有4个阻止脚本资源和1个阻止CSS资源。这会导致呈现页面的延迟。在不等待加载以下资源的情况下,无法呈现页面上的上述内容。尝试推迟或异步加载阻止资源,或直接在中内联这些资源的关键部分。删除渲染阻止JavaScript:

1 个答案:

答案 0 :(得分:2)

我担心目前无法使用CLI。有关该主题的讨论,请参阅https://github.com/angular/angular-cli/issues/3323