▼
Streaming live at 10am (PST)

Fixing Cumulative Layout Shift issues (CLS)

Design help General
#1

Does anyone have any experience with solving Cumualtive Layout Shift issues?

For example, this page on our site is receiving a score of 0.53 (way above the 0.1 target): https://www.dreambigtravelfarblog.com/blog/tropicfeel-review

Is there an obvious reason for this anyone can see? And no, there are no ads on this page

Read only link: https://preview.webflow.com/preview/dream-big-travel-far?utm_medium=preview_link&utm_source=dashboard&utm_content=dream-big-travel-far&preview=ae94492a4e1e5739839b451433453663&mode=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

@webflow Any comment on Cumulative Layout Shift from you?

#3

Also interested.

I know some of it has to do with design choices, but there are some things I just cannot fix after almost a year of trying.

#4

I’ve just started digging into this some more.

According to Lighthouse, the CLS issue I am facing on this particular page is due to the Rich Text block on my page.

This is a simple page, and yet the Rich Text block is what is causing the CLS issue

Screenshot 2021-02-24 at 08.59.38
Screenshot 2021-02-24 at 08.59.381373×762 181 KB

How do I fix a CLS issue on a Rich Text block?! As far as I know there’s nothing I can do!

EDIT: Looking into this further, it doesn’t seem to just be Rich Text, but all text.

I am starting to think it could be a font issue, however I have my fonts uploaded to Webflow. Not using Google Fonts or Adobe Fonts.