frontendBy Zahid Khan

What is CLS (Cumulative Layout Shift)?

CLS measures unexpected layout shifts while the page is loading.
We prevent it by defining :

  • Image dimensions

  • Reserving layout space

  • Avoiding dynamic content shifts.

Good: <0.1

#reactjs#nextjs