- This topic has 5 replies, 3 voices, and was last updated 1 year, 7 months ago by Leo.
November 11, 2020 at 11:29 am #152727224xstudio
I am using WPRocket with a one-click Critical CSS option enabled. The problem I am facing is that whenever I disable it I get bad pagespeed scores.
So after enabling the Critical CSS I have excluded two above the fold CSS files from Optimize CSS Delivery as they were causing CLS issues and all the other scores are good.
So now I am facing bad First Contentful Paint and Largest Contentful Paint.
How can I improve them without making the CLS score poor?November 11, 2020 at 11:57 am #1527325LeoStaffCustomer Support
I just view the link you’ve provided the CLS is at 0.003 which is really small and I would say that can be ignored. Can’t see any differences in the screenshot either:
You might need to check with WP Rocket’s support team and see if they have any recommendations on how to tweak the settings.November 11, 2020 at 12:26 pm #152736124xstudio
How can I improve these: https://prnt.sc/vhm9lb
Using critical CSS is a headache and it doesn’t give perfect results.November 11, 2020 at 2:28 pm #1527484TomLead DeveloperLead Developer
The main thing you can do to help your speed is to use a plugin like Autoptimize to combine your render-blocking resources. It will take all of those resources and put them into one or two files.
Other than that, you’ll want to reduce the size of your content as much as possible. Optimize your images, try to remove Font Awesome etc..November 11, 2020 at 9:13 pm #152769224xstudio
I am already using WPRocket to minify the CSS, also I am not combining the CSS and JS files in WPRocket as they are being served via HTTP/2.
Plus I have already shifted from fontawesome yo SVG icons. I am now left with one plugin which is using fontawesome by default and I cannot change it 🙁
Talking about the images, I am using webp format with BunnyCDN.
Lastly, I tried Autoptimize and configured it as you recommended in the docs, it’s also not solving the issue.
After your suggestion, I installed autoptimize again for CSS and JS optimization, and here are my setting: https://ibb.co/LN8gvxc
P.S: I am also using WPRocket for caching other things.
Can I give access so that you can check and provide some solutions?
Keep up the awesome work 🙂November 12, 2020 at 8:44 am #1528647LeoStaffCustomer Support
Tom has basically provided the best suggestion we can do here unfortunately.
I’m not sure if there are any actual solutions to your problems.
You could try to check with WP Rocket’s support to see if they can provide anymore optimization suggestions.
- You must be logged in to reply to this topic.