Performance

Core Web Vitals Spiegati Semplici: LCP, INP e CLS

Core Web Vitals spiegati semplici: cosa sono LCP, INP e CLS, perché contano per chi naviga e come capire se il tuo sito è veloce e stabile.

Foto di Alessandro Zoncada - Web Design Milano
Alessandro Zoncada
Web Designer
28 Giugno 20266 min
Core Web Vitals Spiegati Semplici: LCP, INP e CLS — Performance, articolo di Alessandro Zoncada
Indice dei contenuti

Cosa sono i Core Web Vitals

I Core Web Vitals sono tre metriche che misurano l'esperienza reale di chi naviga: quanto velocemente appare il contenuto, quanto è reattiva la pagina e quanto è stabile mentre carica. Toccano direttamente la qualità percepita del sito.

Le tre metriche

  • LCP (Largest Contentful Paint): quanto tempo passa prima che compaia l'elemento principale (spesso un'immagine o un titolo). Indicativamente, sotto 2,5 secondi è considerato buono.
  • INP (Interaction to Next Paint): quanto è reattiva la pagina quando ci interagisci. Ha sostituito il vecchio FID. Indicativamente, sotto 200 ms è buono.
  • CLS (Cumulative Layout Shift): quanto "salta" il layout mentre carica. Indicativamente, sotto 0,1 è buono.

Perché contano

Una pagina lenta o instabile fa scappare le persone. Migliorare questi valori tende a migliorare anche permanenza e conversioni: è semplicemente un sito più piacevole da usare.

Cosa li peggiora più spesso

  • Immagini pesanti non ottimizzate
  • Troppi script e plugin
  • Font caricati male
  • Elementi senza dimensioni che fanno saltare il layout

Come capire come stai

Strumenti gratuiti come PageSpeed Insights e Lighthouse (incluso in Chrome) misurano questi valori e suggeriscono cosa migliorare, sia sui dati reali sia in fase di sviluppo.

Da dove partire

Spesso i guadagni maggiori arrivano dall'alleggerimento delle immagini e dalla riduzione del codice superfluo (ne parlo anche tra gli errori più comuni).

Vuoi un controllo del tuo sito?

Posso analizzare i Core Web Vitals del tuo sito e indicarti gli interventi prioritari. Scrivimi.

Disclaimer: Le informazioni di questo articolo hanno finalità informative e orientative. Dati, costi e riferimenti sono indicativi e possono variare in base a settore, periodo ed esigenze specifiche del progetto. Non costituiscono consulenza personalizzata né promessa di risultati.
Logo di Alessandro Zoncada

Alessandro Zoncada

Web Designer

Web Designer e sviluppatore frontend specializzato in progetti custom che convertono. Mi occupo di trasformare idee in siti web professionali ottimizzati per prestazioni e conversioni.