Layout shift culprits
Stay organized with collections
Save and categorize content based on your preferences.
Published: Oct 8, 2025
Layout shifts occur when elements move their position despite the absence of user interaction. Investigate the causes of layout shifts, such as elements being added, removed, or their fonts changing as the page loads.
The insight may offer a best guess for the cause of the observed layout shifts. To dive deeper, explore the layout shift track in the Performance panel. All layout shifts can be mitigated, even if no culprit is suggested.
How to pass this insight
Have a "good" (0.1) or better CLS.
Some common culprits of layout shifts include:
- Unsized images
- Injected iframes (such as from ads)
- Unoptimized animations
- Web fonts - either flash of unstyled text (FOUT) or flash of invisible text (FOIT)
Additional references
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-10-08 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-10-08 UTC."],[],[]]
