How to improve Cumulative Layout Shift for a better page experience

How to improve Cumulative Layout Shift for a better page experience

Channel:
United States Google Search Central
Subscribers:
751,000
Published on ● Video Link: https://www.youtube.com/watch?v=Z6WiGWDU0nU


Duration: 18:24
43,962 views
0

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;



Other Videos By Google Search Central


2021-11-12English Google SEO office-hours from November 12, 2021
2021-11-11The Future of SEO
2021-11-09Video Key Moments on Google Search
2021-11-07English Google SEO office-hours from November 5, 2021
2021-11-03SEO lightning round 2
2021-10-30English Google SEO office-hours from October 29, 2021
2021-10-27Does URL length matter?
2021-10-23English Google SEO office-hours from October 22, 2021
2021-10-21Let's talk Core Web Vitals
2021-10-20Japanese Google Policy Office Hours（Google ポリシー オフィスアワー 2021 年 10 月 21 日）
2021-10-19How to improve Cumulative Layout Shift for a better page experience
2021-10-12Absolute or relative URLs, which is better?
2021-10-08English Google SEO office-hours from October 8, 2021
2021-10-07German / Google SEO Sprechstunden auf Deutsch vom 7. Oktober 2021
2021-10-05How to improve Largest Contentful Paint for a better page experience
2021-10-01English Google SEO office-hours from October 1, 2021
2021-09-30Let’s talk JavaScript
2021-09-29Japanese Google Policy Office Hours（Google ポリシー オフィスアワー 2021 年 09 月 30 日）
2021-09-29JavaScript SEO Q&A September 15, 2021
2021-09-28Are URLS case sensitive?
2021-09-26English Google SEO office-hours from September 24, 2021


Tags:
purpose: Educate
pr_pr: AMP
series: AMP Page Experience
type: DevByte (deck from scratch 10-20min)
How to improve Cumulative Layout Shift
Cumulative Layout Shift
what is Cumulative Layout Shift
how to reduce Cumulative Layout Shift
Cumulative Layout Shift test
debug Cumulative Layout Shift
Cumulative Layout Shift example
what is a good Cumulative Layout Shift
what causes Cumulative Layout Shift
how do you calculate Cumulative Layout Shift
GDS: Yes