删除阻止渲染的JavaScript

Question

我正在开发angularjs的网络。有大约42个javascript文件，我必须加载。 Google PageSpeed Insight要求删除移除渲染阻止JavaScript。

    <script async src="path to file"></script> 

它加载文件asyn但jquery.js文件加载后需要jquery file.i的文件被卡住因为网站需要花费大量时间加载。请帮助。提前谢谢

Answer 1

关于实现它的不同方法（使用模块和http://requirejs.org/或https://github.com/systemjs/systemjs）可以有很长的答案，但是TL; DR - 尝试将jQuery脚本调用放在head标记中您的网页，而其他脚本位于html页面底部。

Answer 2

发现this discussion有助于解决网页速度洞察“问题”并改善（在我看来）UX。这是桑德的建议：

<div ng-if="false">
  <h1>Loading the application, please hold on</h1>
  <div class='aCssSpinner'</div>
</div>