Critical css create another css file

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

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 😉