TLDR Web Dev · ARTICLES & TUTORIALS
FIXING CUMULATIVE LAYOUT SHIFT PROBLEMS
Summary from the TLDR Web Dev newsletter
Cumulative Layout Shift (CLS) measures how much a page shifts while it is being loaded. It can negatively impact both search rankings and user perception of site speed. Images are a common cause of CLS problems. To improve CLS, web developers can give the browser hints of what size images will be by giving images a width and height attribute separate from the CSS width and height attributes that are part of the style tag.