Render blocking resources

ashish2112

Regular Member
Joined
May 1, 2018
Messages
399
Reaction score
129
Hi guys,
Actually I was setting up my new site and ran a speed test in Google speed test.
I got about 2-3 s delay because of render blocking resources.
How to fix this ?

I don't know much coding but can ask my friend for help.
 
Render-blocking is for JS and CSS, however, refers to those scripts, that introduce load latency but are not used in above-the-fold (ATF) content. ATF content refers to that part of the web page that is visible when the page loads; any part of the page that you have to scroll down to reach is non-ATF. So, with this suggestion, Google is letting you know that there are JS and CSS scripts on this web page that are slowing it down.

To provide a solution It would help if you mention what kind of website or CMS you are using.

Hope this would help
 
Render-blocking is for JS and CSS, however, refers to those scripts, that introduce load latency but are not used in above-the-fold (ATF) content. ATF content refers to that part of the web page that is visible when the page loads; any part of the page that you have to scroll down to reach is non-ATF. So, with this suggestion, Google is letting you know that there are JS and CSS scripts on this web page that are slowing it down.

To provide a solution It would help if you mention what kind of website or CMS you are using.

Hope this would help


CMS - WordPress
Website - Magazine(Jnews theme)
 
Install the plugin Autoptimize. Once you’re done with the installation, go to the Settings -> Autoptimize area of WordPress. Here, simply check the boxes titled Optimize JavaScript Code? and Optimize CSS Code? and press Save Changes and Empty Cache button.

In most cases, this is enough to fix render-blocking (it depends on active plugins).

Run the test again if it's still the same then:

install Speed Booster Pack plugin
Go to settings ->Speed Booster Pack section of the WordPress admin area.

For JS scripts, you have to enable Move scripts to the footer and Defer parsing of JavaScript files.
Select move scripts to the footer
Select Defer parsing of javascript files.

Repeat same with the CSS

Also, you can do that within your caching plugin if you install w3 total cache

Good luck and hope this would help
 
In simple words, move all of your scripts to the bottom of the page; just before body ends. That will fix the render blocking errors.
 
Install the plugin Autoptimize. Once you’re done with the installation, go to the Settings -> Autoptimize area of WordPress. Here, simply check the boxes titled Optimize JavaScript Code? and Optimize CSS Code? and press Save Changes and Empty Cache button.

In most cases, this is enough to fix render-blocking (it depends on active plugins).

Run the test again if it's still the same then:

install Speed Booster Pack plugin
Go to settings ->Speed Booster Pack section of the WordPress admin area.

For JS scripts, you have to enable Move scripts to the footer and Defer parsing of JavaScript files.
Select move scripts to the footer
Select Defer parsing of javascript files.

Repeat same with the CSS

Also, you can do that within your caching plugin if you install w3 total cache

Good luck and hope this would help
What if I delete those plugins after using them will there be any issues?
 
Back
Top