Is your site ready for the Core Web Vitals to be added to page experience search signals? Since the announcement, I’ve come across many resources and tools meant to improve your Core Web Vitals (CWV). Still, very few tools provide detailed information about identifying and improving one of the three Core Web Vitals signals: Visual Stability, also known as Cumulative Layout Shift (CLS). As explained by Google, “a layout shift occurs any time a visible element changes its position from one rendered frame to the next.” CLS measures the combined effect of all unexpected layout shifts on a given page.
A common example used to demonstrate CLS and how to fix it is ads. Since ads are served from third-party sites often, they load after page content blocks and navigational elements, pushing content down or to one side when they finally do display. If your site doesn’t have content blocks for ads, you aren’t off the hook when it comes to CLS, though! Let’s look at how to identify what elements are causing poor CLS and how to fix layout shifts.
[Read more…] about How To Find & Fix Layout Shifts with Chrome DevTools