Remove render-blocking 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

Not to answer your actual question but creating a bundle for those 42 files (I use gulp) helps to improve site performance on loading — chachan
– chachan, Commented Feb 18, 2017 at 14:49

shershen · Accepted Answer · 2016-02-21 12:33:32Z

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.

edited Feb 21, 2016 at 12:33

answered Feb 20, 2016 at 14:57

shershen

10k11 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Amjad Islam Khan Over a year ago

hi, thanks for reply, i am new with angularjs. can you share a piece of code or any link of code example. i am not getting require.js. thanks

shershen Over a year ago

Code examples are here: requirejs.org/docs/jquery.html, but it will take effort to update each file in your project to make RequireJS modular approach to work. May be that's not the case for you? Just using CDN and put jQuery on top of the page is much faster way to improve site loading performance

chachan · Accepted Answer · 2017-02-18 14:55:12Z

0

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>

answered Feb 18, 2017 at 14:55

chachan

2,4721 gold badge28 silver badges43 bronze badges

Collectives™ on Stack Overflow

Remove render-blocking JavaScript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related