Angular2应用 - 删除渲染阻止JavaScript

Question

我有一个angular2 firebase应用程序。

我已经注意到，当它实现时，它需要4秒才能获得12个我在prod版本中本地存储的JavaScript库，然后它会显示应用程序。

我需要将此4秒延迟降至2秒。

当我在控制台中看到镀铬中的信号源时，它会暂停4秒然后加载。它似乎是阻止JavaScript正确的术语吗？

我尝试过的事情：

• 12个JavaScript库上的HTML5 async 和 defer 。
• 我尝试将这些库组合到同一个文件中，但这给了我很多错误。
• 我的CSS很好，而且都缩小了。
• 所有js 12文件都缩小了。
• 12个JavaScript库全部存储在本地，而不是从其他服务器请求。
• 我的网站上有图像，它们都经过优化和压缩，并放在CDN上。
  • 我使用cloudflare并且所有性能切换都已打开。
  • 我主持Firebase。
  • JavaScript文件位于标题下方，而不在标题中。

我的PageSpeed Insights得分来自谷歌： （资源：https://developers.google.com/speed/pagespeed/insights/）

• 61/100手机。
• 83/100 for desktop。

我无法使用网络包。

我只想要一个简单的方法来显示用户界面，然后加载库。

如果您有任何其他问题，请与我们联系。

Answer 1

Angular 2会生成您的用户界面，因此您首先想要的内容似乎是不可能的。但是你很幸运：有角度的2队正在努力帮助你。它实际上已经可以使用，但我认为你不能将它与Firebase托管结合使用。看看https://universal.angular.io/。它允许您在服务器端呈现初始视图。