links to post grid page load without post grid

OK, the problem seems to be with the “above the fold CSS”, you will probably have to either re-generate it (simple) or generate it elsewhere Daniel.

What ? I tried regenerating it so I tried accessing https://justcook.co.il/wp-content/cache/autoptimize/css/autoptimize_116e1f59fd967809e7c701bd3d28fc8b.css but I got a 404 error !! Can you help me locate the file ?

you have several, which complicates things;

https://justcook.co.il/wp-content/cache/autoptimize/css/autoptimize_a8ecfe418b4667530f38a590be22b3c1.css
https://justcook.co.il/wp-content/cache/autoptimize/css/autoptimize_ef23ed4ebd260da0acbc39af8f12af26.css
https://justcook.co.il/wp-content/cache/autoptimize/css/autoptimize_97f86ffd598d38a5aa4f6a2240a9c766.css

So which one should I use ?

ideally combine the contents of all files and use that (if https://jonassebastianohlsson.com/criticalpathcssgenerator/ permits)?

OK, I am trying now and will report.

to be clear; you will have to use the CSS of the pages that have the post-grid active, else the above the fold CSS might still be deficient.

When I tried generating them together it didn’t work, so I did it one by one. the only problem was with this one, the woocommerce one which didn’t validate, but I figured out that if I’ll enter the shop page url instead of the homepage it’l work and it did. unfortunately non of this solved the problem. Can you recommend another site to generate the critical path css ?

OH !! didn’t see your latest reply, I will try again.

NO, even this didn’t work.

before I jump to conclusions; what happens if you leave “above the fold CSS” emtpy? does the post grid show up correctly (eventually, after some unstyled content at first)?

you mean the text box below the inline and defer all css ? if yes, I tried leaving it empty and it didn’t help, in fact it also changed the lading of pages to lad in a text version while loading and then when fully loaded switch back to styled version.

Darn … In that case the problem is likely that the post grid JS kicks in before the full CSS is loaded and that that causes mis-rendering of the post grid. The only solution would be to disable “inline & defer CSS”, with a bit of luck (and code) we could limit that to just pages that have a post grid. How many pages do have a post grid?

right now 2.

OK, try this code snippet maybe;

add_filter('autoptimize_filter_css_defer','dont_defer_postgrids');
function dont_defer_postgrids() {
  	if ( $_SERVER['REQUEST_URI'] === '??????-???????/' || $_SERVER['REQUEST_URI'] === '???????/' ) {
		return false;
	} else {
		return true;
	}
}