Can’t get Autoptimize to work the same way on all pages

I developed my theme from scratch following all the minimum WP recommendation.

does that mean that the look and feel of the above-the-fold part of all your pages look identical @pierremg? no slider on the homepage for example (which would result in different critical CSS)?

frank

@optimizingmatters The critical css field is blank. I don’t intend to use it. I’ll install “Per Page Add to Head” to handle the critical css individually for each page.

“all your pages look identical”, this isn’t a WP recommendation as far as I know. I’m using templates to give different looks to home, post, blog, etc., but all pages use bootstrap.css and style.css.

ah, now I understand. as your pages do have a different look & feel, you’ll have to provide the correct critical CSS (indeed e.g. with “per page add to head”) and then (and only then) GPSI will not consider the deferred CSS as non-render-blocking.

hope this clarifies,
frank

I’m sorry to interfere, but how do you provide critical css per page?

By now I’m using criticalcss.com and comparing all of the css for the different pages, and then end up with with one long list of combined css (tedious work).

It would be great if I could put the critical css “per page add to head”.

@optimator; well you can indeed use https://www.ads-software.com/plugins/per-page-add-to/ OR you can use the “Autoptimize criticalcss.com power-up” (available at criticalcss.com) which allows you to create rules (e.g. different critical css for the homepage, for blog-posts, for archives, for pages, …).

hope this helps,
frank

Power-up added ?? Thank you!!