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

标签 javascript angular

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

下面是我从 https://developers.google.com/speed/pagespeed/insights/ 得到的更具体的结果

消除首屏内容中的渲染阻塞 JavaScript 和 CSS

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

最佳答案

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

关于javascript - 如何消除 angular-cli 站点中的渲染阻塞?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44234700/

相关文章:

javascript - FCM WEB 仅接收数据并隐藏通知部分或禁用

javascript - 如何在表单的选择字段 onChange 中传递对象值(使用 React,不使用 Redux)

angular - 有没有办法根据 Angular 2中的路线注入(inject)不同的服务?

angularjs - npm run rollup 显示错误消息 "Module ag-grid-ng2/main.js does not export AgGridModule"。?

javascript - Angular 6 中可滑动/可拖动的侧边导航栏,带有 Angular-material/Bootstrap

javascript - 如何将 event.target 作为 Angular 2 中的对象获取?

javascript - Sequelize : SQL injection in findOne?

JavaScript 不能写在 element.style.position

javascript - 在 Three.js 中为几何体中的顶点分配颜色

angular - 了解 @HostBinding 如何在 toggleClass 指令中以 Angular 工作