Support » Plugins » Hacks » How to eliminate render blocking CSS? Optimize CSS Delivery

  • I have this from google page speed. Anyone have an ideea on how to render blocking CSS?

    Eliminate render-blocking JavaScript and CSS in above-the-fold content
    Your page has 6 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.
    Optimize CSS Delivery of the following:

    http://maxcdn.bootstrapcdn.com/…trap/3.2.0/css/bootstrap.min.css?ver=4.1
    
    http://netdna.bootstrapcdn.com/…esome/4.1.0/css/font-awesome.css?ver=4.1
    
    http://fonts.googleapis.com/…ily=Lato%3A300%2C400%2C700%2C900&ver=4.1
Viewing 3 replies - 1 through 3 (of 3 total)
  • I would suggest clicking the “Optimize CSS Delivery” link on the page where that message is displayed. In case you somehow missed it, here is the link for you:

    https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

    Note that the design of WordPress limits your ability to use most of the methods described on that page. Also note that the methods are specifically designed to make the Chrome browser look good (surprise, surprise…).

    Hello and thanks for the answer.

    I have already read what is there but I still don’t know what to do with those external css files that I have mentionated in the question.

    Moderator bcworkz

    (@bcworkz)

    The suggested techniques all assume you have control over the CSS content and can arrange it more efficiently. In the case of third party resources like those you’ve listed, the only thing you could do is alter your content so the resources are not required at all.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to eliminate render blocking CSS? Optimize CSS Delivery’ is closed to new replies.