Performance: CLS much to high

  • Hi Niclas,
    For a while (some weeks…) I am trying to do something about the high CLS on posts. See also: https://web.dev/cls/

    For example:

    GTMERIX:

    • “These audits are identified as the top issues impacting your performance.
      CLS CONTRIBUTION
      <div id=”main-wrapper” class=”section” style=”height: auto !important;”>
      CLS: 0.39 “

    But WebPageTest also give high CLS on mu posts and pages.

    But I cannot find where and how I can reduce it, do have a solution?

    Thanks again,
    Anna-Karina

    • This topic was modified 3 years, 9 months ago by Anna-Karina.
    • This topic was modified 3 years, 9 months ago by Anna-Karina.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author presscustomizr

    (@nikeo)

    Hello,
    Thanks for opening this dicussion about CLS. Yes I also face difficulties to isolate and remove the possible causes of layout shift only due to the theme.
    Regarding your page :
    I just performed a lighthouse analysis for desktop devices on chrome which results in a very good performance score, with no warning for the CLS metric. See screenshot below.
    CLS_customizr

    I also tried on GT metrix, which is supposed to use the same web vitals tools use in Chrome, and there the CLS was a little too high, while the overall performance score remained very good ( A / 94% / 92 % ). see https://gtmetrix.com/reports/www.koolhydraatarmrecept.nl/2y3d7czs/

    On this page, https://web.dev/optimize-cls/, there are useful advices to optimize the CLS of a page.

    It states that the most common causes are :

    • Images without dimensions
    • Ads, embeds, and iframes without dimensions
    • Dynamically injected content
    • Web Fonts causing FOIT/FOUT
    • Actions waiting for a network response before updating DOM

    I’ll explore if there’s something to improve for each of them in the theme.

    Thread Starter Anna-Karina

    (@kina60)

    Hi,
    Thank you for investigation and improve things within the theme!

    Weird uh Lighthouse, Gtmetrix and WebPageTest are all different?
    PageSpeed Insights (google) is 0.003 for CLS on mobile phone but 0,328 on desktop!? Strange…

    Cheers,
    AK

    Theme Author presscustomizr

    (@nikeo)

    Thank you. I appreciate the fact that you care for the theme performances. I do too!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Performance: CLS much to high’ is closed to new replies.