Can you help me determine what's causing the CLS?

Hi there,

I've checked your site and there's definitely room for improvement.

I see that the site is yet to use a caching/optimization plugin. I highly recommend using one to improve how your assets are served, especially the CSS.

Hi Elvin,

I am already using WP Rocket (almost a year now) + BunnyCDN (almost a year now) + Cloudflare (just recently, couple of days ago).
Pretty sure that's more than enough?
Or perhaps there's a conflict?

Can you try flushing you browser cache, not sure what are you seeing at your end.
I recently purged everything and updated to the latest version of the theme before submitting a ticket.
Let me know.

Thanks,

The site you've linked doesn't seem to be using one.

Or maybe there is one installed but it doesn't look configured as I don't see your theme's or plugin's assets being optimized. (tpce, I assume is a child theme?)

You can see it here: https://share.getcloudapp.com/eDujQmeW

I'm checking your site using incognito mode. We make sure the sites we visit don't have a browser cache. :)

I wouldn't be able to see the file paths if these assets were optimized as the optimization plugins would take them and put all of the assets in one merged and minified cache file.

Hi Elvin,

tpce is not a child theme. I just renamed the GeneratePress folder to that.
Like I mentioned above, I have those three installed and enabled.

Did I miss some configuration or something?
If yes, what are the settings I should be enabling in WP Rocket and Cloudflare?
I'm just following the recommended settings for WP Rocket and Cloudflare.
Many of them are default. And that's the result I got.

Thanks,

Hi there,

Google collects CLS data in the Console from user interactive actions - one of them that they have yet to filter out of that collection is the Drop Down menus that are displayed on hover.

Can you test this for me by switching the Customizer > Layout > Primary Navigation > Navigation Dropdown to Click Arrow.