4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Page Speed: JavaScript and CSS

by TheBeast
3 replies
  • SEO
    • |
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?
#css #javascript #page #speed
  • Profile picture of the author nettiapina
    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.
    Signature
    Links in signature will not help your SEO. Not on this site, and not on any other forum.
    Who told me this? An ex Google web spam engineer.

    What's your excuse?
    {{ DiscussionBoard.errors[10168203].message }}
  • Profile picture of the author dalecosp
    What *are* the scripts? Can they be moved to the foot of the document and still behave as expected?
    {{ DiscussionBoard.errors[10168836].message }}
  • Profile picture of the author TheBeast
    Guys, I tried with Critical Path CSS Generator - by Jonas Ohlsson and the plugin Autoptimize, as it was showed on the video
    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!
    {{ DiscussionBoard.errors[10180650].message }}

Trending Topics