Remove Render-blocking JavaScript

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.

Solution 1:

There can be long answer about different ways to implement that (using modules and http://requirejs.org/ or https://github.com/systemjs/systemjs), but TL;DR - try to put jQuery script call inside the head tag of your webpage, while the others scripts in bottom of html page.

Solution 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>