Core Web Vitals spiegati

Tre misure di come un utente vero percepisce la velocità e la stabilità della pagina.

Uno smartphone tenuto in mano
MetricaCosa misuraBuono
LCPQuando appare l'elemento principale≤ 2,5 s
INPQuanto risponde ai clic e ai tocchi≤ 200 ms
CLSQuanto "salta" il layout≤ 0,1

Migliorare LCP

  • Comprimi l'immagine principale e usa WebP o AVIF.
  • Non caricarla in lazy-load.
  • Riduci CSS e font che bloccano il rendering.

Migliorare INP

  • Meno JavaScript e meno script di terze parti.
  • Spezza i compiti lunghi del browser.

Migliorare CLS

  • Indica sempre larghezza e altezza di immagini e video.
  • Riserva spazio a banner e annunci.