Archived topic

Cumulative Layout Shift Issue with Video background

4 replies · Started by Gonzalo on March 13, 2023

Viewing posts 1–5 of 5

March 13, 2023 at 10:15 am #2566291

Hi,

I added a background video using the following instructions successfully.
https://docs.generatepress.com/article/adding-a-background-video/

However, now I noticed on google pagespeed insights that the element inside the video container is causing a large CLS issue on mobile cause by the element with the video background and text content on it.

https://svpremier.com

Any ideas how to fix this?

Thanks!

March 13, 2023 at 2:51 pm #2566540

Hi there,

the issue I can see is the Fonts being swapped.
Can you check the Customizer > Typography and set any fonts Display options to auto
Then let me know

March 13, 2023 at 3:07 pm #2566551

Hi
It is already in Auto setting

March 13, 2023 at 3:14 pm #2566557

It was set to Swap on Litespeed cache which is my caching plugin
I changed that to default.
Hopefully that will fix the issue

March 13, 2023 at 3:55 pm #2566582

Glad to hear you found it.
Let us know how you get on

This archived topic is closed to new replies.

Start building better websites today.