TLDR Web Dev · ARTICLES & TUTORIALS

FIXING CUMULATIVE LAYOUT SHIFT PROBLEMS

davidwalsh.name5 min read

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.