Skip to content

Latest commit

 

History

History
8 lines (6 loc) · 498 Bytes

CLS.md

File metadata and controls

8 lines (6 loc) · 498 Bytes

Cumulative Layout Shift (CLS) :

  • change size of section suddenly, for example cards section (images hasn't width-height size) suddenly shown on the screen and screen-layout, screen-grid become disordered
  • It appears suddenly and screen layout and griding disordered
  • one of usecase is use width-height size on image elements --> to don't be disorderly as soon as page loaded
  • for images - use width and height size (in nextjs use )
  • good : .1s or less