Core Web Vitals nel 2026: cosa influenza realmente il posizionamento

Le Core Web Vitals sono diventate silenziosamente una delle componenti più rilevanti per un sito web moderno. Non sono un punteggio di vanità: rappresentano il segnale più diretto che i motori di ricerca hanno per misurare, sul campo, come il tuo sito viene percepito da una persona reale su un dispositivo reale. Quando l'esperienza è scadente, sia il posizionamento che i ricavi ne risentono — e la soluzione è quasi sempre più noiosa, e più raggiungibile, di quanto i team si aspettino.

Questa guida spiega cosa misurano le tre metriche nel 2026, quali interventi hanno il maggiore impatto e l'ordine in cui li applichiamo in ogni incarico. Nessuno di essi richiede strumenti esotici. Serve misurazione, disciplina e la volontà di rimuovere elementi piuttosto che aggiungerli.

Cosa misurano effettivamente le tre metriche

Il Largest Contentful Paint traccia il caricamento: quanto tempo impiega l'elemento più grande visibile nell'area visibile a essere renderizzato. L'Interaction to Next Paint traccia la reattività: quanto velocemente la pagina reagisce quando un utente tocca o clicca. Il Cumulative Layout Shift traccia la stabilità visiva: quanto il layout si sposta mentre i contenuti vengono caricati. Insieme descrivono l'esperienza percepita molto meglio di qualsiasi singolo punteggio di laboratorio.

• LCP — mantieni veloce l'elemento più grande, dando priorità ai suoi byte ed evitando risorse che bloccano il rendering.
• INP — mantieni libero il thread principale in modo che i tocchi siano istantanei, specialmente su telefoni di fascia media.
• CLS — riserva spazio per media e incorporamenti in modo che nulla si sposti dopo il primo rendering.

Misura prima di toccare qualsiasi cosa

Non puoi migliorare ciò che non misuri, e di certo non puoi dimostrare un miglioramento senza una baseline. Iniziamo con i dati sul campo provenienti da utenti reali, poi usiamo strumenti di laboratorio per riprodurre e diagnosticare regressioni specifiche. Le due prospettive rispondono a domande diverse, e servono entrambe.

1. Acquisisci le metriche sul campo per i tuoi template principali per primi: rappresentano la maggior parte del traffico.
2. Riproduci i peggiori offender in un profilo di laboratorio che corrisponda al tuo pubblico reale.
3. Imposta un budget di performance per ogni route in modo che le regressioni vengano catturate in revisione, non in produzione.

Le correzioni che spostano l'ago della bilancia

Il singolo guadagno più grande sulla maggior parte dei siti è rimuovere CSS e JavaScript dal percorso critico. Il browser non può eseguire il paint finché non ha finito di analizzare le risorse che bloccano il rendering, quindi meno sono, prima appare qualcosa. Inlinea la piccola quantità di CSS necessaria per il primo viewport, poi carica il resto in modo asincrono e posticipa gli script non critici.

const load = () => import('./analytics.js');
if ('requestIdleCallback' in window) requestIdleCallback(load);
else setTimeout(load, 2000);

Le immagini sono di solito la cosa più pesante su una pagina e la più facile da sbagliare. Servi formati moderni con un fallback, dimensiona le immagini in base alle loro dimensioni renderizzate e riserva spazio in modo che non causino mai uno spostamento del layout. Carica in lazy loading tutto ciò che è sotto la piega, in modo che non competa mai con il contenuto che conta per primo.

La cache chiude il divario

Una volta che una pagina è snella, la domanda successiva è quanto velocemente i byte raggiungono l'utente. Una rete di distribuzione dei contenuti con intestazioni di cache sensate trasforma un viaggio lento verso l'origine in un hit veloce all'edge, e stale-while-revalidate fornisce risposte istantanee mentre si aggiorna silenziosamente in background.

Le prestazioni sono una funzionalità. Le budgettiamo allo stesso modo in cui budgettiamo qualsiasi altra parte del prodotto.

Il risultato e da dove iniziare

Nella maggior parte dei progetti, le prime tre modifiche sopra elencate rappresentano la maggior parte del miglioramento. Il lavoro è raramente affascinante, ma si accumula: un sito più veloce si posiziona meglio, converte meglio e costa meno da servire. Se il tuo sito sembra lento e non sai da dove cominciare, inizia misurando i tuoi utenti reali, poi rimuovi l'elemento più pesante che si frappone tra loro e i tuoi contenuti.

Tratta ciascuno di questi come una checklist da applicare in ordine, e rimisura dopo ogni modifica per poter dimostrare l'impatto. I team che vincono sulle prestazioni non sono quelli con i trucchi più ingegnosi — sono quelli che mantengono un budget, misurano onestamente e rilasciano prima le correzioni noiose.