Why do I have layout shift?

Channel:

Subscribers:

791,000

Published on August 30, 2023 5:05:24 PM ● Video Link: https://www.youtube.com/watch?v=bffwdyKoS8Q

Category:

Show

Duration: 11:29

1,446 views

In this episode we're shifting the topic to layout shift, that moment where you watch the page adapt to something lazily loaded which has impacted the layout in some way where you see content shift around.

CLS → https://goo.gle/3kle3AW
Optimizing CLS → https://goo.gle/3fxu6IE
CSS for Web Vitals → https://goo.gle/3E98gY9

Catch more episodes → https://goo.gle/CSSpodcast
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#CSSpodcast

Other Videos By Chrome for Developers

2023-09-12	New in Chrome 117: CSS for smooth entry & exit animations, array group, streamlined local overrides
2023-09-11	Gradient - CSS Podcast Tips
2023-09-08	Why does my gradient have muddy colors in the middle?
2023-09-07	Snippets - DevTools Tips
2023-09-07	Progressive Web Apps (PWAs): Storage mechanisms and best practices
2023-09-06	Linear easing - GUI Snippets
2023-09-05	Cumulative Layout Shift
2023-09-01	Document Picture-in-Picture API
2023-08-31	Logpoints - DevTools Tips
2023-08-31	Snippets and live expressions - DevTools Tips
2023-08-30	Why do I have layout shift?
2023-08-28	DevTools - CSS Podcast Shorts
2023-08-25	Why is my image distorted?
2023-08-24	localStorage and sessionStorage
2023-08-23	Scroll-driven animations
2023-08-21	Image tips - CSS Podcast Shorts
2023-08-18	Privacy Sandbox: Noise Lab
2023-08-17	Debug CSS cascade order with DevTools
2023-08-16	Why is it overflowing?
2023-08-16	Thinking on ways to solve ADAPTIVE TYPOGRAPHY
2023-08-15	New in Chrome 116: Document Picture-in-Picture API, notRestoredReasons property, and more!

Tags: