site slowdown due to renderblocking css

  • Resolved worldtravelgeek

    (@worldtravelgeek)


    11 years, 2 months ago

    Hi !

    I have recently found out that this plugin slows down site loading and gives a lower grade on google pagespeed, probably due to this problem:

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

    https://site.com/…includes/css/dashicons.min.css?ver=4.1.1

    I havent even used icons in menus yet, just activating the plugin seems to be enough to slow down the site.

    Can you help with this or is this by design? 😉

    https://ww.wp.xz.cn/plugins/menu-icons/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Dzikri Aziz

    (@kucrut)

    11 years, 2 months ago

    Hey,

    Yes, it’s necessary to load the icons’ CSS file, otherwise, there will be no icons 🙂

    To minimize the css files loaded on the front-end, you can disable the icons you don’t use. See the plugin’s FAQ.

    Thread Starter worldtravelgeek

    (@worldtravelgeek)

    11 years, 2 months ago

    Hey,

    thanks for the answer. Loading the file is not the problem I think. But blocking other content while it loads is. I am not a developer but isnt google suggesting to load async or defer loading?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘site slowdown due to renderblocking css’ is closed to new replies.