Cumulative Layout Shift

  • Resolved domenpretnar

    (@domenpretnar)


    7 months, 1 week ago

    I’m building my first website using the Blocksy theme with combination of GreenShift, and I’m seeing a Cumulative Layout Shift (CLS) score of 0.229 on every page but only in the desktop version.

    I understand that the animated text on my homepage (made with GreenShift) might be contributing to the issue, but since the same CLS appears on all pages, I’m not sure what’s actually causing it.

    Could you please help me figure out what might be triggering this and how to fix it? I’d really appreciate your assistance.

    Thank you!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Illia Sanz

    (@illiagreen)

    7 months, 1 week ago

    Add static definite height on all areas with animated text and it will not shift

    Thread Starter domenpretnar

    (@domenpretnar)

    7 months, 1 week ago

    Ok i will do that.
    But on pages without the animated text there is still this issue. I think it has something to do with ROW?

    Plugin Support Illia Sanz

    (@illiagreen)

    7 months, 1 week ago

    please send link

    Thread Starter domenpretnar

    (@domenpretnar)

    7 months, 1 week ago

    From what i found it has something to do with this:
    <div class=”wp-block-greenshift-blocks-row-column gspb_row__col–12 gspb_col-id-gsbp-e…” id=”gspb_col-id-gsbp-ec83e0a”>

    Link of the page: https://dev.mesec.si/hisni-sistemi/filtracija-vode/kartusni-filtri/

    Plugin Support Illia Sanz

    (@illiagreen)

    7 months ago

    Hi. There is nothing to do with Row, google just show you place where shifting happens. You have there Slider with different height for each slide, this is why it’s shifting because you added also autoplay. So, disable autoplay or set static height to each slide

    Thread Starter domenpretnar

    (@domenpretnar)

    7 months ago

    Hi, thank you for this info. I tried changing that and got the same result.

    For a different page i got the same result. No animation, no slider there.

    https://dev.mesec.si/hisni-sistemi/filtracija-v-kuhinji/kuhinjske-armature/

    I get :

    <div class="wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-e…" id="gspb_col-id-gsbp-ec83e0a">

    0,204

    Thread Starter domenpretnar

    (@domenpretnar)

    7 months ago

    Ok. I got it. It has nothing to do with your plugin sorry.

    It has something to do with Blocksy Menu.

    I will turn to their support.

    Sorry to waste your time, but as in GoogleInsights it showed Greeenshif class i thought it has something to do with that.

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

The topic ‘Cumulative Layout Shift’ is closed to new replies.

Tags