Quando ho iniziato a vendere online, pensavo che la velocità delle pagine fosse un problema da sviluppatori. Almeno fino a quando il mio negozio è scivolato nei risultati di ricerca, anche se i contenuti non erano cambiati. È stato allora che mi sono messo a studiare la cosa da zero. Si è scoperto che Google ha una serie di tre metriche che misurano l’esperienza reale dei tuoi clienti, chiamate Core Web Vitals. Capire questi tre numeri non è difficile, e ti dice se il tuo negozio risulta veloce o lento agli occhi dei tuoi clienti — e a quelli di Google.
In questo articolo spiegherò le tre metriche in parole semplici, con le soglie “buone” pubblicate da Google, per poi parlare del perché contano per il posizionamento e per i ricavi.
Cosa sono i Core Web Vitals
In poche parole, i Core Web Vitals sono tre misure che Google usa per valutare quanto è veloce e fluida una pagina web quando le persone reali la usano. Non vengono misurate su una macchina di laboratorio ideale, ma sui telefoni e sulle reti reali delle persone che visitano il tuo negozio.
Le tre metriche sono LCP (la pagina appare in fretta), CLS (il layout salta in giro) e INP (risponde subito quando tocchi). Ognuna corrisponde a una sensazione precisa che il cliente prova quando apre la pagina.
Google assegna il punteggio in base al 75° percentile — cioè il 75% delle visite — e distingue tra mobile e desktop. In parole povere: la maggior parte dei tuoi clienti deve trovare la pagina accettabile perché possa contare come “buona”, non solo qualche visita fortunata.
LCP — La pagina appare in fretta o lentamente
LCP sta per Largest Contentful Paint, il momento in cui appare l’elemento più grande sullo schermo. Di solito è l’immagine del banner in cima alla pagina, l’immagine principale del prodotto o un grande blocco di titolo. Quando il cliente lo vede, ha l’impressione che la pagina abbia finito di caricarsi.
Secondo Google, la soglia “buona” è sotto i 2,5 secondi. Oltre i 4 secondi è considerata scarsa. Tutto ciò che sta nel mezzo è “da migliorare”.
Immagina un cliente che tocca il link di un prodotto da un annuncio su Facebook, fermo in mezzo alla strada ad aspettare davanti a uno schermo bianco e vuoto. Ogni secondo che passa è una fetta della probabilità che se ne vada. Per i negozi di moda o di cosmetici — dove le immagini sono di solito pesanti — l’LCP è il punto in cui è più facile rallentare.
Le cose che di solito trascinano in basso l’LCP: immagini troppo pesanti e non compresse, troppe app in esecuzione in background all’apertura della pagina, oppure un tema che carica ogni sorta di cosa inutile prima di mostrare il contenuto principale.
CLS — Il layout salta in giro
CLS sta per Cumulative Layout Shift, e misura quanto gli elementi si spostano durante il caricamento. Secondo Google, la soglia “buona” è sotto 0,1.
È quel fastidio in cui si è imbattuto chiunque. Stai per toccare “Aggiungi al carrello”, e all’improvviso si infila un banner o un’immagine caricata in ritardo, che spinge giù il pulsante, e il dito finisce per toccare un altro punto per sbaglio. A volte tocchi un annuncio senza volerlo. È esattamente questo uno spostamento del layout.
Il menu è un colpevole molto comune. Se la barra di navigazione si carica dopo il contenuto, può spingere giù tutto ciò che le sta sotto proprio mentre il cliente sta leggendo o toccando. Il cliente non sa dare un nome a quella sensazione, ma vede una pagina disordinata e perde fiducia.
Il modo più comune per ridurre il CLS è riservare in anticipo lo spazio per immagini, banner e menu, così che quando si caricano vadano a riempire la casella già predisposta senza spingere via il resto. Quando scegli un’app per menu, preferiscine una che non faccia saltare il contenuto al momento della comparsa.
INP — Risponde subito quando tocchi
INP sta per Interaction to Next Paint, e misura il ritardo tra il momento in cui un cliente interagisce (tocca, sfiora, digita) e il momento in cui lo schermo risponde. Secondo Google, la soglia “buona” è sotto i 200 millisecondi.
Un dettaglio che vale la pena ricordare: l’INP ha sostituito ufficialmente il FID (First Input Delay) nella serie dei Core Web Vitals il 12 marzo 2024, secondo Google. Il motivo è che il FID misurava solo la prima interazione, mentre l’INP traccia tutte le interazioni dell’intera sessione — più vicino alla realtà. Se leggi documentazione più datata che cita ancora il FID, il numero a cui prestare attenzione ora è l’INP.
L’INP è strettamente legato alla sensazione di “questa pagina è lenta”. Un cliente apre il menu a hamburger sul telefono, tocca una volta, e mezzo secondo dopo il menu finalmente si apre di scatto. In quel mezzo secondo pensa che il dispositivo si sia bloccato, tocca di nuovo e poi si innervosisce. Più codice un menu esegue in background, peggiore diventa questo ritardo.
È a questo punto che ho iniziato a fare molta attenzione all’app per menu che avevo installato. Sono passato a Navi+ (naviplus.io) anche perché è ottimizzata per non rallentare la pagina. Con un menu Tab Bar in fondo allo schermo mobile o uno Slide Menu, la prontezza con cui risponde quando il cliente tocca direttamente influenza l’INP, quindi un’app leggera rende più facile tenere sotto controllo questo numero.
Perché dovrebbero interessarti i Core Web Vitals: SEO e ricavi
La domanda diretta: vale la pena preoccuparsi di questi tre numeri, o sono solo una faccenda tecnica?
Sì, vale la pena. Google ha confermato che l’esperienza di pagina, di cui fanno parte i Core Web Vitals, è un fattore di posizionamento. Non è il fattore più importante — un buon contenuto resta la base — ma quando due pagine hanno contenuti ugualmente validi, la velocità può essere il fattore che aiuta Google a scegliere quale mettere in cima. Un negozio lento può facilmente perdere contro una pagina più veloce proprio sulle parole chiave per cui stai competendo.
L’effetto a catena è piuttosto semplice: un negozio lento si posiziona più in basso, un posizionamento più basso significa meno traffico organico, meno traffico significa meno ordini. Per chi vende facendo molto affidamento sulla SEO invece che sugli annunci, questa è una fonte gratuita di clienti che non vuoi lasciar sfuggire.
La velocità non influisce solo sul posizionamento, influisce anche sul tasso di conversione. Il tasso medio di abbandono del carrello nell’ecommerce è di circa il 70%, secondo il Baymard Institute (un dato ricavato da 50 studi). Le cause sono molte, ma una pagina che si carica lentamente o che scatta di certo non aiuta. Quando un cliente è già arrivato al carrello e deve comunque aspettare, oppure tocca la cosa sbagliata perché il layout è saltato, le probabilità che se ne vada aumentano.
La parte rassicurante è che queste tre metriche sono misurabili e migliorabili. Non devi tirare a indovinare. Vai su Google Search Console o su PageSpeed Insights, inserisci l’URL del tuo negozio, e lo strumento ti mostrerà a che punto sono LCP, INP e CLS e dove sono in rosso.
Un ordine pratico per chi ha poco tempo:
- Controlla se le immagini sono troppo pesanti (influisce sull’LCP).
- Rivedi le app che hai installato, cercando quelle che eseguono molto codice in background (influisce sull’INP).
- Controlla se menu e banner fanno saltare il contenuto quando si caricano (influisce sul CLS).
Molti negozi accumulano app col tempo, e il menu compare su ogni pagina — quindi un’app di navigazione leggera che non scombina il layout è un investimento che vale la pena considerare.
Non devi trasformarti in un ingegnere. Ti basta capire cosa dicono questi tre numeri su come si sentono i tuoi clienti, controllarli periodicamente e, al momento di scegliere gli strumenti — soprattutto un’app per menu che compare su ogni pagina — prestare attenzione a se sta rallentando il tuo negozio.
Questo articolo fa parte della guida più ampia su Navigazione e velocità di caricamento — scegliere un’app per menu che non danneggi i Core Web Vitals.