消除angular 2中的渲染阻塞JavaScript

我可以进入新创建的dist文件夹中的index.html文件，将async属性添加到绑定的脚本标记中，以防止它们被阻塞。这有助于提高网站速度，但偶尔会导致网站崩溃。angular-cli.json中是否有一个选项可以更好地为我在构建过程中添加此选项？我通过谷歌的测试运行了我的网站，我唯一要修复的就是消除了页面内容中的渲染阻塞JavaScript和css

下面是我从中得到的更具体的结果

消除折叠内容上方的渲染阻塞JavaScript和CSS

---

您的页面有4个阻止脚本资源和1个阻止CSS资源。这会导致页面呈现延迟。如果不等待加载以下资源，则无法呈现页面上的上述折叠内容

我猜您在Angular 2中有一个单页应用程序。所以问题是-没有Javascript会显示什么内容？使用普通SPA，整个渲染和内容获取都是通过Javascript完成的。所以很自然地，这将是渲染阻塞。但我的网站得分越来越低。我还需要提高我的分数我需要消除我的dist文件夹中那些js文件的渲染块问题。请帮助meSo在加载js之前，您希望显示哪些内容？如果您有一个angular单页应用程序，那么angular将处理内容和模板，因此显然，在加载angular之前，所有渲染都将被阻止。如果要避免任何JS阻止渲染。然后让服务器创建并呈现内容。但是如果你选择Angular，这显然不是你想要的。@Arvindaudaudacious Marcus建议你在Angular应用程序中使用服务器端呈现（），这使页面能够（令人惊讶地）由服务器呈现，而不是由JS在客户端动态创建。Angular使用Angular Universal（）启用此功能。将SSR添加到你的应用程序中不需要太多额外的代码，而且在能够为搜索引擎优化你的网站方面还有额外的好处。