(1) yes
(2) all
(3) that’s the most efficient and easy solution, yes. you will likely still have to “unblock” jquery as well
based on your screenshot you’ll also need a page caching solution, my favorites are KeyCDN cache enabler and WP Super Cache.
hope this helps,
frank
Hi Frank. Thanks for your help. However, I do not understand this bit – “you will likely still have to “unblock” jquery as well”. Could you please ELI5?
I know this is outside your purview, but I am currently using W3 Total Cache instead of the two cache plugins you recommended. Do you I need to swap this?
Thank you so much!
I do not understand this bit – “you will likely still have to “unblock” jquery as well”. Could you please ELI5?
well, critical CSS will make sure the CSS is not render-blocking any more, but Autoptimize typically does not optimize jQuery (js/jquery/jquery.js is excluded) so you would need to look into that as well.
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.
I know this is outside your purview, but I am currently using W3 Total Cache instead of the two cache plugins you recommended. Do you I need to swap this?
well, in the screenshot you shared GPSI mentioned “reduce server response time”, which typically is something page cache plugins help with. maybe W3TC did not have the page in cache yet, or maybe it needs reconfiguring or maybe it does not work well in your context in which case trying the others might help 🙂
You’re a star, Frank. Thanks!