-
nikolas
Good evening, I hope all is well!
I have a Cumulative Layout Shift issue.
I appreciate any help you can provide.
-
Alvind
Hi there,
There are multiple areas to address based on the PageSpeed Insights report. However, a good starting point would be to focus on reducing render-blocking requests.
The report identifies several scripts that could be optimized. If you are using an optimization plugin such as WP Rocket, there should be an option available to defer or asynchronously load these scripts.
Once the render-blocking resources are properly handled, you should observe improvements in the LCP score.
-
nikolas
Hi Alvind,
Thanks for the information.
Render-blocking requests don’t affect Cumulative Layout Shift.
The problem is with this container:
https://postimg.cc/mPx10xQr
https://postimg.cc/RNJnsCJ8 -
Hi there,
CLS can be caused by render-blocking, as if the CSS is not loaded before the HTML is loaded, the layout will shift after CSS is loaded.
So can you take Alvind’s advice and focus on the render blocking issue first?
-
nikolas
I would much prefer not to have this issue at all and therefore not to ask this question, but I’m attaching another screenshot that clearly proves the problem is caused by the container.
So, the Cumulative Layout Shift is being triggered by the container. I would truly appreciate it if someone with experience could share a possible solution. It’s likely that the issue could be resolved by adjusting the padding, sizing, or something similar — but it’s definitely related to the container.
-
So, the Cumulative Layout Shift is being triggered by the container.
No, the container is having CLS issue, but it’s not triggering the issue.
As we said, CLS issue often caused by late CSS loading, the layout changes after the CSS is fully loaded.
You can try disabling all plugins except GP Premium and GB if you are using it to see if the CLS is still there.
-
nikolas
Hi Ying,
I’ve disabled all plugins except GP Premium and GB, and it didn’t solve the problem.
As you can see from the screenshots I attached in previous messages, the problem is with the container.
I would like to ask you to talk to your colleagues from customer support, maybe one of them has a solution for this problem, since your recommendations do not solve the problem.
-
the problem is with the container.
If you remove the container, does CLS issue still occur?
-
nikolas
Hi Ying,
I’ve solved the problem successfully. I’ve just rotated containers, and it solved the problem. Thanks for your help anyway.
-
Glad to hear that 🙂
- You must be logged in to reply to this topic.