Cumulative Layout Shift ( CLS ) issue resolve

  • Resolved lisastutes

    (@lisastutes)


    3 years, 5 months ago

    Hi everyone,

    My client has a website on outdoor basketball reviews & buying guides. Overall all the things are good but 1 issue is still there. Website speed score is 95 on both mobile as well as desktop, however, google pagespeed insights is showing CLS error on desktop. How can I resolve this error?

    Have a look at the website here: https://ballproguide.com/ and help me out in achieving my target. Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,
    As checked the issue is due to the Navigation Menu. Try loading your site from a slow internet connection to observe the exact issue. What tool are you using to develop your site? I mean any Page Builder?

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @lisastutes

    Thank you for reaching out and I am happy to assist you with this.
    The mentioned Google suggestion is not a CLS error, but the information that the CLS can be improved.
    Yes, you are correct, your score is almost perfect on both Mobile and desktop, and the Google Page speed suggests that the CLS is 0.169 which is 0.069 over the suggested score.
    Cumulative Layout Shift measures the movement of visible elements within the viewport
    As I can see in the tests the one thing that can be improved, is that a single image element does not have explicit width and height:
    https://ballproguide.com/wp-content/uploads/2021/06/logo.webp

    Unfortunately, this is one thing that cannot be done with W3 Total Cache so you should manually include width and height size attributes on your image

    I hope this helps!

    Thanks!

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