TLDR Web Dev · ARTICLES & TUTORIALS

YOUR BACKGROUND IMAGES MIGHT BE CAUSING CLS

blog.sentry.io10 min read

Summary from the TLDR Web Dev newsletter

Cumulative Layout Shift (CLS) measures webpage instability caused by unexpected movements of elements. Background images can make CLS worse, since CLS calculations consider all page elements. To make sure that CLS isn't affected negatively by background images, developers should include width and height attributes on images and iframes.