Help with cumulative layout shift (CLS)
-
When I load pages in my Hestia site, I am getting significant cumulative layout shift (CLS).
According to lighthouse, most of the problem is caused by this DOM element on the home page:
<section class=”hestia-features ” id=”features” data-sorder=”hestia_features”>
Looking at the site visually, I can see that the image containers under the ‘recent posts’ section change dimensions after the images actually load. I have tested on Chrome and Safari and the issue consistently occurs on both.
What can I do to address this problem? E.g. is there an element I should be including as an inline/preload element to overcome this issue?
The page I need help with: [log in to see the link]
Viewing 8 replies - 1 through 8 (of 8 total)
Viewing 8 replies - 1 through 8 (of 8 total)
- The topic ‘Help with cumulative layout shift (CLS)’ is closed to new replies.