删除阻止渲染的JavaScript

Question

i am developing a web in angularjs. there are approx 42 javascript files which i have to load. Google PageSpeed Insight ask to remove Remove render-blocking JavaScript.

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

it load files asyn but jquery.js file loading after files which need jquery file.i am stuck because site taking a lot of time to load.Please help.Thanks in advance

Answer 1

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

Answer 2

Found this discussion which helps to address the pagespeed insights "problem" and improves (in my opinion) the UX. Here is Sander's suggestion:

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