Render blocking resources

Hi,

you can try the option load async css in page optm -> CSS option

Best regards,

Ok I did that, what is that List of URLs in CSS queue waiting for cron suppose to mean ?
https://snipboard.io/WrV3kX.jpg

Also, do you recommend to enable the CSS by URL and Asynchronous built-in CSS library options ?

they will generate the Critical CSS in background to cover the FOUC when load async css is enabled

if your page is different on every page , then you should keep CSS by URL , yes

How do I know If it’s better to generate CCSS by content type instead of by page ? my page is an ecommerce store.

what about the Asynchronous built-in CSS library option ?

the last “yes” was refer to the built-in lib

you can try start with CCSS by URL OFF , if you don’t see any “weird” rendering , then you do not need it , otherwise you need to turn it on

basically , some sites are built like , all product pages are same style , all category pages are same style …etc, in this case , no need to have CCSS by URL , but there are some site like product pages have different styles , in this case, CCSS by URL is needed to prevent page mess up

Thanks

https://snipboard.io/CKYIkO.jpg

https://www.runayaq.com/wp-includes/js/jquery/jquery.min.js
I have that file in a render blocking status, What can be done about it ?

sadly no much , we have option to defer JQ , but in my experience , defer JQ will easily cause something break , that’s why we default exclude it from being optimized to prevent any possible issue.