Connect with us

Google Search Console

How to improve Cumulative Layout Shift for a better page experience

Published

on

How to improve Cumulative Layout Shift for a better page experience



Learn how to reduce your website’s Cumulative Layout Shift. This video covers what a Cumulative Layout Shift is, its common issues and solutions, how to measure it, and what’s a good score.

Chapters
0:00 Introduction
0:31 What is Cumulative Layout Shift (CLS)
5:14 What is a good CLS score?
5:55 How do I find my CLS score?
11:12 How to fix common issues with Cumulative Layout Shift
11:41 Images
12:52 iframes/embeds
14:19 Dynamic content
14:47 Web fonts
17:42 Wrap up

Learn more:
Cumulative Layout Shift doc→ https://goo.gle/3BA5Iix
CrUX Report → https://goo.gle/3mRQelN
Optimize CLS → https://goo.gle/2YRdWES
Updates to how CLS is calculated → https://goo.gle/2YAOGlX
Lighthouse → https://goo.gle/3iUBjo0
Calculating CLS in my own JS → https://goo.gle/30lLc7R
Best Practices for Fonts → https://goo.gle/3v6FXEr
Optimize WebFont loading → https://goo.gle/3v2YLEu
Monica Dinculescu’s Font-style-matcher → https://goo.gle/3BDXTZe
Web-vitals → https://goo.gle/3oVTtJK

Watch more Getting started with Page Experience → https://goo.gle/3xgTJUu
Subscribe so you don’t miss an episode Getting started with Page Experience → https://goo.gle/SearchCentral

#CoreWebVitals #WebDev #PageExperience

product: AMP – Page Experience; fullname: Patrick Kettner;

source

Continue Reading
Click to comment

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.