Page Speed: JavaScript and CSS

by 3 replies
4
Google gives me the following message after I tested my page speed at https://developers.google.com/speed/pagespeed/insights.

"Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 5 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."

The things is that I installed W3 Total Cache plugin and set it up, but from 7 blocking script resources it went to 5. I thought W3 Total Cache would deal with rendering.

Tell me how to solve the issue?
#search engine optimization #css #javascript #page #speed
  • Did Google tell you anything else about the scripts? Could they be in the document source itself? W3 probably doesn't touch those at all.

    Yes, it should be able to help you, but that part of the plugin isn't the easiest to use correctly.
  • What *are* the scripts? Can they be moved to the foot of the document and still behave as expected?
  • Guys, I tried with Critical Path CSS Generator - by Jonas Ohlsson and the plugin Autoptimize, as it was showed on the video How to Eliminate Render Blocking CSS in Above-the-Fold Content in WordPress
    I applied all the things I had to, but still no success, then I decided to reach the owner of the Critical Path CSS Generator and here is what he told me:

    From what I can see you are inlining critical css just like you should - but you don't seem to be including all the css needed for the critical css. When you use my tool, you need to make sure you give it all the css you use on your whole site, including css used by plugins.


    Can you tell me guys how to include all the CSS needed for the critical CSS? How to give all the CSS, including CSS used by plugins? I am really a newbie in this things.

    Thank you all!
Join the discussion

Next Topics on Trending Feed

  • 4

    Page Speed: JavaScript and CSS

    Google gives me the following message after I tested my page speed at https://developers.google.com/speed/pagespeed/insights. "Eliminate render-blocking JavaScript and CSS in above-the-fold content