Archived topic
CLS Issue with Gutenberg Video Embeds
5 replies · Started by Brett on March 22, 2022
Hey all, I am trying to optimize my website to meet Core Web Vitals and am running into a CLS issue that I am having trouble solving.
When I run a scan of the page (https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.ridester.com%2Fwaitr-driver%2F) I get a CLS error notification. When I took a closer look, it appears to be coming from the Gutenberg video embeds that I have for YouTube videos on the pages.
div.entry-content > figure.wp-block-embed > div.wp-block-embed__wrapper > div.rll-youtube-player
<div class="rll-youtube-player" data-src="https://www.youtube.com/embed/_OHbxTT3Igo" data-id="_OHbxTT3Igo" data-query="feature=oembed">Is there any way that you can take a look and let me know if this is something you can help me fix?
Hi Brett,
I'm not seeing any CLS for the page you linked:
https://www.screencast.com/t/LU0D2yFJ
The test report you got is for the last 28days, the score should change after some days.
Great, thank you! On another note, I did see an issue related to the page font.
https://www.screencast.com/t/oGaexEYa6aLj
Is this something you can also take a quick look into?
1. Try if you can find a way to reduce the size of the font file:
https://www.screencast.com/t/NDUkszKeP2yk
2. Go to customizer > layout > blog, choose a smaller Media Attachment Size for the featured image on posts pages.
Thank you!
No problem :)
