CriticalCSS made no impact

  • Resolved noclip27

    (@noclip27)


    6 years, 2 months ago

    Hi,

    I downloaded and installed AutoOptimize and used it to optimize my JS and CSS files. It worked great and I saw it reflect in gtmetrix and pagespeed insights.

    I noticed that my website had a very high First Contentful Paint – and I discovered that I could use the critical CSS tab to help with this. I created a manual account (not WordPress) on criticalcss.com and then created an API and hooked it up to AutoOptimize – the API key was confirmed valid.

    Upon re-testing with the tools mentioned above, I noticed that there was no impact on my scores after connecting my AutoOptimize account with criticalcss.com. Is there any extra configuration I need to do, or am I doing something outright wrong?

    Thanks.

    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)

    6 years, 2 months ago

    hey @noclip27 ;

    I had a quick look and the CSS is not render-blocking any more (which is what critical CSS does, technically).

    You however have one render-blocking JS resource left, jQuery and that too impacts your FCP. For that you could try to;
    * remove js/jquery/jquery.js from the Autoptimize exclusion JS field
    * or tick the “Defer jQuery and other non-aggregated JS-files?” option in AO CCSS advanced options

    In both cases test extensively to see nothing breaks.

    hope this helps,
    frank

    Thread Starter noclip27

    (@noclip27)

    6 years, 2 months ago

    I guess my main concern here is that AutoOptimize plugin was working well and did this optimization BEFORE I installed the criticalcss API key. It’s almost like it made no difference and I’m wondering if I should stop using it, or if I need to do additional configuration to get it working (maybe since I have a video, it analyzes this differently – but one of my competitors (medterracbd.com) has a video and a decent FCP score)

    In the meantime, I will try the latter to see if that has an effect.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 2 months ago

    Although it is possible to enter generic “above the fold CSS” in Autoptimize when “inline & defer” is active and this make the CSS non-render-blocking, this is rarely sufficient to reliably render all types of pages immediately (i.e. without “flash of unstyled content”). So yeah, I do think you’re better of with the power-up and indeed with some extra configuration you should be able to improve FCP 🙂

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

The topic ‘CriticalCSS made no impact’ is closed to new replies.