Guide
Audit prestazioni senza inventare Core Web Vitals
Una risposta HTML rapida non equivale a LCP, INP o CLS nel browser reale.
Usa tempi server e budget HTML per i rischi; usa laboratorio e dati sul campo prima di affermare Core Web Vitals.
Misurazione del percorso di risposta e metriche del server
Monitora la risoluzione DNS, l'handshake TLS, il tempo al primo byte (TTFB), i salti di reindirizzamento, la compressione del server (Brotli o Gzip) e la dimensione del payload HTML. Un documento HTML compatto sotto i 150 KB consente ai browser di analizzare e visualizzare rapidamente i token iniziali. Risolvi risposte con errori, catene 301/302 superflue ed elaborazioni lente del server prima di ottimizzare risorse secondarie.
Distinguere i budget tecnici dai Core Web Vitals
Peso dell'HTML, complessità del DOM (mantenendo meno di 1.500 elementi) e numero di script sono metriche tecniche relative a server e markup. I Core Web Vitals misurano l'esperienza reale degli utenti nel browser; le metriche di campo (LCP, INP, CLS) devono essere valutate al 75° percentile delle visite reali (come i dati del Chrome User Experience Report) anziché mediante test sintetici del server.
Esaminare il percorso critico di rendering
Individua script classici bloccanti nell'intestazione del documento privi degli attributi async, defer o type='module'. Rivedi le richieste di fogli di stile (puntando a meno di 6 file CSS critici) e la quantità di script inline. Spostare script inline pesanti (> 100 KB) in file esterni memorizzabili nella cache libera tempo prezioso sul thread principale durante l'analisi dell'HTML.
Ottimizzare la distribuzione delle risorse e delle immagini
Assicurati che le immagini sotto la piega iniziale utilizzino loading='lazy' nativo e dichiarino attributi espliciti width e height per prevenire variazioni del layout (CLS). Mantieni l'immagine hero principale (LCP) con caricamento diretto (fetchpriority='high') per non ritardarne la comparsa. Adotta formati moderni e compressi come WebP o AVIF per i contenuti multimediali.
Definire le priorità in base all'impatto sull'utente e verificare
Risolvi le query lente del database e le risorse che bloccano il rendering prima di dedicarti a micro-ottimizzazioni secondarie. Misura la telemetria reale ed esegui test automatizzati di laboratorio con rete simulata prima e dopo ogni modifica significativa per verificare miglioramenti tangibili della velocità.