Cumulative Layout Shift (CLS) is a Core Web Vital that measures unexpected shifts in a web page's layout after initial content loads. It can be caused by various factors such as client-side data-fetching, loading large images, ads, or embedded media players. To avoid CLS, web developers can use techniques like including width
Table of contents
How is CLS measured?How to avoid unexpected cumulative layout shiftHow to check for CLS during developmentCLS is not just for foreground elementsHow to discover CLS in production for your real usersI broke the first rule of CLS: width and height attributesThis might have been trivial, but it matters1 Comment
Sort: