Dimensiona correttamente gli asset più pesanti
Esamina immagini, font e script in base ai byte consegnati e all'importanza per il percorso cliente. Rimuovi o differisci lavori solo se l'esperienza visibile rimane corretta.
Budget di consegna / 04
Migliora il percorso,
poi misura di nuovo.
Guida pratica alla pianificazione delle prestazioni per individuare il percorso cliente più lento, impostare un budget di consegna esplicito e verificare un miglioramento controllato alla volta.
USALO PER: Da usare per dare priorità al lavoro misurabile su HTML, immagini, font, script, caching e interazioni utente critiche senza promettere un risultato di punteggio o di posizionamento.
QUATTRO LEVE CONTROLLATE
Riduci l'attrito, non le evidenze.
Accorcia il percorso delle richieste critiche
Individua richieste che bloccano il rendering e dipendenze dall'origine, poi valuta caching, compressione, preload o cambi di dipendenze in condizioni controllate.
Proteggi la reattività degli input
Ispeziona i long task e il lavoro lato client attorno all'interazione primaria. Conserva semantica, accessibilità, consenso e comportamento funzionale riducendo il lavoro evitabile.
Confronta elementi equivalenti
Registra l'URL, il rilascio, il dispositivo, la rete, lo stato della cache e la fonte della metrica. Un cambiamento guadagna fiducia solo quando lo stesso metodo produce un risultato migliore senza regressioni.
METODO / VINCOLATO ALLA FONTE
Esegui il prossimo passo noto.
- Scegli un percorso cliente rappresentativo e registra le evidenze di laboratorio e di campo disponibili prima di modificare il codice.
- Imposta un budget revisionabile per dimensione del trasferimento, richieste critiche e la metrica incentrata sull'utente più rilevante per quel percorso.
- Dai priorità alla causa controllabile più significativa, come un'immagine sovradimensionata, un asset che blocca il rendering, uno script evitabile o una risposta lenta dall'origine.
- Applica un singolo cambiamento delimitato, confronta lo stesso percorso e condizioni, e mantieni o ripristina la modifica sulla base delle evidenze osservate.
VERIFICA / PRIMA DI AFFIDARTI
Confronta i risultati prima e dopo usando lo stesso URL, profilo dispositivo, condizioni di rete e assunzioni sulla cache.
Controlla la pagina reale per regressioni di layout, interazione, accessibilità, analytics e percorsi cliente critici.
Registra l'identificatore di rilascio, i valori osservati, le condizioni di test, la decisione e l'esito del rollback se la modifica non viene mantenuta.
AUTORITÀ / REVISIONE
Note sulla fonte, non certezza presa in prestito.
Base di pianificazione: indicazioni di web.dev su performance e Core Web Vitals
- web.dev — Web performance ↗web.dev consiglia di misurare le prestazioni incentrate sull'utente, comprendere Core Web Vitals e applicare miglioramenti mirati prima di misurare di nuovo.
CONTESTO / MANTIENI IL PASSAGGIO COLLEGATO
Launch KitUsa l'area di lavoro di lancio SIU come punto di partenza per una pianificazione strutturata.Status Is DownUsa SID per il segnale di servizio in tempo reale, i record dei servizi monitorati e il contesto relativo agli incidenti.Prontezza per la consegna delle immaginiEsamina le decisioni specifiche per la consegna delle immagini quando gli elementi visivi sono una parte significativa del budget della pagina.
Autore: Bozza editoriale SIU Enablement; indicazioni sulle prestazioni vincolate alla fonte. Revisionato da: Il responsabile delle prestazioni e il proprietario del percorso cliente esaminano le evidenze e i compromessi. Rivalida: Rivalidare quando la composizione della pagina, l'infrastruttura di consegna, gli script di terze parti o le condizioni di misurazione cambiano.