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:

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