CLS (Cumulative Layer Shift)

[chriskx]

Hi. The revolution slider is causing cumulative layer shift on site allowing section 2 to load first before the hero slider loads. This is creating a negative impact in CLS score. Any suggestions?

[tristup]

Hi Chris,
Thanks for reaching out.

Dynamic Viewport Loading option under General Settings, will only animate into view or move to the next Slide when the module is scrolled into view.

You can find more details here in the official documentation: https://www.themepunch.com/slider-revolution/module-general-settings/#viewport-settings

Hope this helps.
Thanks

[chriskx]

Hi Thanks for the direction. The section2 element below still is jumping. I believe it is caused by the off page element in the header. Is there a way to fix that?

[ruenel]

Hello Chris,

Please temporarily disable your custom header and see if the section 2 is still jumping. From my perspective, I am seeing the difference between the poster image and the video. As soon as the video is playing, it looks as if the page is jumping. You might want to temporarily disable the poster image and see how it goes.

Best Regards.

[chriskx]

Hi.

This I’ll try that. I am also getting the attached

[ruenel]

Great. Kindly let us know how it goes.

[chriskx]

Hi. Can you advise on additional issues I posted please?

The video no longer adjusts right. BUT section 2 still loads before the section 1 slider causing CLS. Viewport is set as instructed

Thanks in advance

[tristup]

Hi Chris,

If you have already tried the suggestion given by my colleague, and the issue persists at your end. Please copy your site to the staging server](https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/) so we could troubleshoot this problem freely without breaking your live site.
And give us access in the secure note including:

– WordPress Site URL & Admin URL
– WordPress Admin username / password

To create a secure note, click the key icon underneath any of your posts.

Thanks