criticalcss inline css

  • Resolved tariq.inaam

    (@tariqinaamgmailcom)


    5 years ago

    Hi,
    Thanks for an awesome work with this plugin. it helped us achieve a lot from performance perspective.
    I have enabled “Inline and Defer CSS” option to and using criticalcss to load above the fold inline css.
    However, the 2 bundled css media=print are still loading as usual.
    I ran out of ideas what else to try.
    There isn’t any other caching plugin used. I am using pantheon hosting which does page cache itslef.

    Screenshot of settings: https://tinyurl.com/ygrwk6c3
    <link rel=”stylesheet” media=”print” href=”xxxxx/wp-content/uploads/autoptimize/css/aggregated_6b0b4ea83d49d944ff99c6641083c1de.css” onload=”this.onload=null;this.media=’all’;”/>
    <link rel=”stylesheet” media=”print” href=”xxxxx/wp-content/uploads/autoptimize/css/aggregated_af3f06c364b63b8f7839aa5d50777c54.css” onload=”this.onload=null;this.media=’ print’;”/>
    <noscript id=”aonoscrcss”>
    <link media=”all” href=”xxxx/wp-content/uploads/autoptimize/css/aggregated_6b0b4ea83d49d944ff99c6641083c1de.css” rel=”stylesheet”/>
    <link media=” print” href=”xxxx/wp-content/uploads/autoptimize/css/aggregated_af3f06c364b63b8f7839aa5d50777c54.css” rel=”stylesheet”/>
    </noscript>

    I will appreciate any help with this. thanks

    Update – I am using newspaper theme from tagdiv

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

    (@optimizingmatters)

    5 years ago

    Hey Tariq;
    It is normal for the full CSS to still load (albeit not render-blocking); critical CSS is inlined for the “above the fold”-part of the page to allow the page to be rendered (a lot) sooner, but for the “below-the-fold” part you need the full CSS loaded.

    hope this clarifies,
    frank

    Thread Starter tariq.inaam

    (@tariqinaamgmailcom)

    5 years ago

    Hi Frank,
    sorry, i wasn’t clear in my explanation.
    I meant the two css are loading as unused css as complained by page speed.
    Is that meant to be like this?

    thanks

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years ago

    Afraid so; AO & CCSS do not know what CSS is needed on the full page, so cannot remove unused selectors/ styles from the full CSS. There is a service by another company, called Rapidload (see “optimize more” tab in Autoptimize), that can help with that though.

    Thread Starter tariq.inaam

    (@tariqinaamgmailcom)

    5 years ago

    make sense. thanks for your help.

    Thread Starter tariq.inaam

    (@tariqinaamgmailcom)

    5 years ago

    resolved.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years ago

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

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

The topic ‘criticalcss inline css’ is closed to new replies.