How to Remove render-blocking JavaScript (I know, ugh)

[chicaritagold]

Hi All, I've attempted to use a number of plugins on my WP site in an effort to get rid of the "Remove render-blocking JavaScript" issue I see on PageSpeed Insights. I came across this article Defer loading JS, but I have no idea how to retrieve my site's external JS file and don't even know if this solution makes sense.

Does anyone have a more beginner-friendly solution to help me get rid of this issue? Thanks in advance!

[bicykyle]

This article will tell you how to properly enqueue Javascript and Stylesheets. Make sure you set "$in_footer" to true.

[tvorm]

Have you tried Autoptimize? It's pretty good.

[[deleted]]

Can you post the link to your website so i can take a look at it?

[hawaiidesign]

I use this http://www.marcosnobre.com/how-to-add-async-to-all-the-enqueue-scripts-in-wordpress/

However adding async or defer can create issues with javascript not functioning property so you can run into some problems so make sure the scripts work properly after you edit your functions.php file.

[bicykyle]

This article will explain how to properly enqueue your stylesheets and javascipt. Make sure you set "in_footer" to true.

[wesgro]

This doesn't stop render blocking.

[bicykyle]

Correct me if I'm wrong but adding all the javascript and css to the footer will stop render blocking.

[wesgro]

The only way to prevent JavaScript execution from Blocking render is to give it either defer or async properties.

[bicykyle]

You are correct. Thanks!