How to eliminate render-blocking JavaScript

Question

I was testing the web page loading with Google PageSpeed tool. The result says "Eliminate render-blocking JavaScript and CSS in above-the-fold content" for

<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script>
<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>

The source code is:

<head>
...
...

<script>(function(){document.documentElement.className='js'})();</script>
...
...
</head>

I'm keen to add a async or defer tag. How can I achieve this?

This is what the analysis result says: Consider Fixing: Eliminate render-blocking JavaScript and CSS in above-the-fold content Your page has 2 blocking script resources and 4 blocking CSS resources. This causes a delay in rendering your page. None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML. Remove render-blocking JavaScript: — user5090396
– user5090396, Commented Jul 24, 2015 at 17:03
Erm. Google PageSpeed checks for existence of such scripts, but it doesn't evaluate their speed or something. You can move that script to the end of <body> and check again; I don't think the difference will be of any meaning. — raina77ow
– raina77ow, Commented Jul 24, 2015 at 17:05

Jeff Shaver · Accepted Answer · 2015-07-24 17:01:34Z

1

From MDN about the async attribute:

It has no effect on inline scripts (i.e., scripts that don't have the src attribute).

The same is true about the defer attribute.

Basically, if you really want to get rid of the error, just move that to just before the </body> tag.

answered Jul 24, 2015 at 17:01

Jeff Shaver

3,35520 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

How to eliminate render-blocking JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related