Autoptimize CSS file not being defere

  • Resolved juliamb

    (@juliamb)


    5 years, 8 months ago

    Hi! This plugin is great, and one of the most useful ones I’ve used for web optimization.
    However, I’m having trouble trying to remove the blocking CSS. I have checked the option “inline & defer CSS” and follow the instructions to generate the critical CSS. But the file wp-content/cache/autoptimize/css/autoptimize_XXXXX is still being loaded in the header.

    I’m afraid (from what I’ve read in similar questions) that the problem has to do with the inline CSS, it’s huge. But I’ve tried different tools and none of them generate a lighter CSS.

    Maybe there’s no solution, I supposed this depends very much on the theme used and other plugins but, am I missing something?

    Thanks, regards!

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

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

    (@optimizingmatters)

    Evening juliamb;
    The CSS is located in the header, but with rel=preload instead of rel=stylesheet:

    
<link rel="preload" as="style" media="all" href="https://mariamartin.es/wp-content/cache/autoptimize/css/autoptimize_e476e0f80deb50ac70c0281bcd37b226.css" onload="this.onload=null;this.rel='stylesheet'" />

    This means it is loaded (a bit) later and is not render-blocking, which is confirmed by the Pagespeed Insights report which only sees jquery as being render-blocking;

    hope this clarifies,
    frank

    Thread Starter juliamb

    (@juliamb)

    Ok, thank you so much for the explanation, Frank!

    Regards.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you’re welcome Julia, feel free to leave a review of the plugin and support here! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Autoptimize CSS file not being defere’ is closed to new replies.