• Resolved cedriclt

    (@cedriclt)


    Hi there,

    Once I’ve checked ‘Eliminate render-blocking CSS’ and pasted my critical CSS, I end up with a new CSS file autoptimize_81304[…].css, in addition to the autoptimize_single_c66c[…].css file. The Pagespeed performance score drops by 10 points. I assume I haven’t configured it correctly, can you help me?

    Regards,
    Cédric

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

    (@optimizingmatters)

    Salut Cédric;
    the autoptimize_81304[…].css one is the aggregated CSS which exists because you have the “aggregate CSS” option action. the autoptimize_single_c66c[…].css one is the minified version of a CSS-file that was excluded from CSS aggregation (likely a file in wp-content/uploads, created by your page builder). Neither of these files is related to “above the fold CSS” (aka critical CSS) being added really, the most likely reason for the pagespeed score to drop is due to the critical CSS causing “layout shifts” (see CLS), in which case you might have to improve the above the fold CSS.

    all of this is generic advice based on how AO works, but if you can share your site’s URL I can have a look to be able to provide more specific feedback? ??

    best,
    frank

    Thread Starter cedriclt

    (@cedriclt)

    Hi Frank, thanks a lot for answering, here is a link of my site: https://www.agence-liceo.com/

    CLS doesn’t look that ugly, but the LCP takes 2 more seconds.

    I can give you an access to my back office so you can see the plugin settings.

    Regards, Cédric

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    CLS seems in the red for both mobile & desktop, so some changes to the above the fold CSS will likely be needed.

    I see jquery is still render-blocking, try tweaking AO JS opt. settings (make sure it’s not excluded from optimization and/ or disable the “Disable extra compatibilty logic?” option) to make sure that isn’t the case any more.

    I also see you’re using a “page loading animation”, you should consider disabling that (likely in the theme options), because that tries to do the opposite of “critical CSS”; “page loaders” try to hide the page while it is loading, whereas “critical CSS” tries to show the page asap.

    as far as “unused CSS” is concerned; AO only aggregates/ minifies, but it doesn’t know what CSS is used or not, so it cannot remove that. based on this test it seems most unused CSS is from wp-content/uploads/uag-plugin/custom-style-blocks.css and wp-content/plugins/ultimate-post/assets/css/style.min.css. the “rapidload” service mentioned on the “optimize more” tab can remove unused CSS if this bugs you ??

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    No feedback so I assume this got resolved? Feel free to follow up if you still encounter issues!

    have a nice day!
    frank

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Critical css create another css file’ is closed to new replies.