Remove unused CSS flag in Google Pagespeed

  • Resolved Chris Chalmers

    (@chris-chalmers)


    5 years, 7 months ago

    I’ve checked the Inline and Defer CSS box but I’m still getting the message in Google Pagespeed Insights that says “defer the loading of CSS not used for above-the-fold content to reduce unnecessary bytes consumed by network activity.”

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    the goal of inline & defer/ critical CSS is to remove the CSS from being render-blocking, not to remove “unused CSS”.

    The unused CSS is being reported as being Autoptimize’s, but AO merely aggregates all the CSS provided by your theme & plugins, so if you (really) want to tackle “remove unused CSS” then you should look into your theme & plugins (you might be able to get some improvement using e.g. “plugin organizer” to only allow plugins to work on specific pages). Moreover the unused CSS will likely be different for different pages (or parts of your site), so that would lead to different autoptimized CSS-files being loaded on different pages.

    My suggestions; don’t obsess over GPSI “opportunities” but focus on real spead (time to first byte, time to start render/ significant paint, onLoad time, …) instead ??

    hope this clarifies,
    frank

Viewing 1 replies (of 1 total)
  • The topic ‘Remove unused CSS flag in Google Pagespeed’ is closed to new replies.