Eliminate Render Blocking Resources

What does Eliminate Render Blocking Resources mean?

Before the browser can display (render) a web page, it has to read its HTML. During this process, whenever the browser encounters a reference to a script (JavaScript), or stylesheet (CSS file), it has to stop, request the file, wait for it to download from the server, and execute it before it finally can continue. 

The result is a delay in the display of the content to the visitor, during which time the page may appear blank or incomplete. 

Eliminating render-blocking resources is essential to minimize this delay so the page can load and display content as soon as possible.

How WP Rocket can help

WP Rocket has options to deal with both cases - render-blocking JavaScript, and render-blocking CSS. 

Render blocking JavaScript

The “ Load JavaScript deferred” feature in WP Rocket eliminates the render-blocking JS on your website by adding the “defer” tag in each script tag.

You’ll find this feature  under Dashboard → WP Rocket → Settings → File Optimization →  Load Javascript Deferred

Render blocking CSS

WP Rocket has a feature called “Optimize CSS Delivery” which generates the critical path CSS needed to render the visible part of your website and load all the other CSS files asynchronously, that’s deferred, without render-blocking.

You’ll find this feature under Dashboard → WP Rocket → Settings → File Optimization →  Optimize CSS Delivery.

Tip: Open your website page source and search by “rocket-critical-css” to have sure that this feature is working properly.

If no "rocket-critical-css" was found, try to Regenerate the Critical CSS path.

Pagespeed is still flagging jquery.js on render-blocking.

If jquery.js is being flagged under  “Eliminate Render Blocking Resources” it means that the file is being excluded from our Load JavaScript Deferred in this field:

Remove the line and make sure that your website is working fine. If so the recommendation will be satisfied.

If you don’t find the exclusion there, it means it’s being excluded automatically as part of compatibility. That means that the site would break otherwise. 

Useful Links

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.