Cumulative Layout Shift (CLS)

CLS, or Cumulative Layout Shift, is a metric used to measure the stability of a website’s layout. It quantifies the amount of unexpected layout shifts that occur during the page load, with a higher score indicating a less stable layout. This is important because sudden shifts in layout can be disorienting and disruptive for users, which can lead to a poor user experience. In order to improve CLS, website developers can use techniques such as reserving space for elements that are likely to shift during page load, and adequately sizing and ordering elements so that they don’t move around unexpectedly.