Cumulative Layout Shift Mobile Issue

  • Hi there! I’m experiencing a Cumulative Layout Shift (CLS) issue on my mobile site, and I could use some assistance in figuring out how to fix it. Here are my results:

    CLS SCOREHTML ELEMENT

    0.3573 nav#mobile-menu-control-wrapper

    0.3573 div#page

    0.3573article#post-3039>div.inside-article>div.post-image>a>picture.attachment-medium.size-medium.wp-post-image>img.lazy.loading

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    The Lighthouse tool in Chrome gives your site a CLS score of 0. Nothing to improve upon. Overall performance of 95, very good, especially for a WP site.

    Low or no CLS is largely a matter of properly defining the size of graphic elements. More detail here.

    qualityhomemakerscanada

    (@qualityhomemakerscanada)

    I had gone through some similar issues in the past and the best approach to solving these kind of issues is installing relevant WordPress plugins.

    If you don’t want to indulge with the complexities, always go with Nitropack as I have implemented in my site https://qualityhomemakers.ca/ . You can check out the speed of the website overall and there are no such CLS issues.

    If you are a little technical, go with the combination of WP Rocket + Perfmatters

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cumulative Layout Shift Mobile Issue’ is closed to new replies.