Il campo delle performance web può sembrare una zuppa alfabetica di termini e acronimi. Questo è un riferimento di termini con brevi definizioni e collegamenti per saperne di più.
Un termine preso in prestito dall’editoria di giornali che si riferisce al contenuto di un sito Web visibile (o nel viewport) al caricamento iniziale. Questo contenuto è solitamente considerato critico perché è la prima cosa visibile a un utente. Il contenuto visibile varia a seconda delle dimensioni e dell’orientamento dello schermo (mobile o desktop e verticale o orizzontale).
un gruppo di server geograficamente distribuiti che lavorano insieme per fornire una consegna rapida di contenuti Internet. Risorse: cos’è un CDN? | Come funzionano i CDN?
un set di dati pubblico di dati Chrome RUM su milioni di siti web. Misura le metriche Core Web Vitals, tra cui Largest Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS), nonché metriche diagnostiche come Time to First Byte (TTFB) e First Contentful Paint (FCP) ).
Risorse: utilizzo del report UX di Chrome per esaminare le prestazioni sul campo
Fa riferimento al browser. Spesso utilizzato per chiarire dove sta accadendo qualcosa, ad esempio, il rendering nel client rispetto al server o la richiesta dal client al server.
Un insieme di metriche create da Chrome per rappresentare meglio le prestazioni dal punto di vista dell’esperienza utente. Attualmente includono Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) e First Input Delay (FID). Risorse: Web Vitals
misura il punteggio cumulativo di tutti i cambiamenti di layout imprevisti che si verificano dopo l’inizio del caricamento della pagina. Risorse: CLS
avviene quando il browser esegue per la prima volta il rendering di testo, immagine (comprese le immagini di sfondo), tela non bianca o SVG. Risorse: FCP
misura il tempo che intercorre da quando un utente interagisce per la prima volta con il tuo sito al momento in cui il browser è effettivamente in grado di rispondere a tale interazione. Misurato solo sul campo (RUM). Risorse: FID
Il test di laboratorio, o sintetico, è quando qualcuno esegue un test per ottenere informazioni dettagliate su un singolo carico o interazione. WebPageTest, Lighthouse e le schede Rete e Prestazioni in Chrome Dev Tools sono tutti strumenti di test di laboratorio. I test di laboratorio possono fornirci moltissime informazioni su quel singolo carico o interazione, ma non rappresentano necessariamente il modo in cui tutti gli utenti percepiscono quel sito web.
misura il tempo che intercorre tra l’inizio del caricamento della pagina e il momento in cui viene visualizzato sullo schermo il blocco di testo o l’elemento immagine più grande. Risorse: LCP
Una tecnica di caricamento delle risorse non critiche dopo che le risorse critiche sono state caricate per ottimizzare l’esperienza dell’utente.
Uno strumento di test di laboratorio sviluppato da Chrome per fornire punteggi e feedback attendibili sulle prestazioni web.
Risorse: utilizzo di Lighthouse per migliorare le prestazioni di caricamento della pagina
Una tecnica per dirottare il modo in cui il browser trova e dà priorità alle risorse necessarie alla pagina web. Il precarico di una risorsa obbliga il browser a scaricarla immediatamente, indipendentemente dal fatto che venga utilizzata o meno. È utile per le risorse riconosciute tardi come i caratteri, ma può essere facilmente abusato portando a prestazioni peggiori.
Risorse: precarica risorse critiche per migliorare la velocità di caricamento
I dati degli utenti reali provengono da interazioni degli utenti reali anziché da un singolo test. I dati sono meno dettagliati rispetto ai test di laboratorio/sintetici, ma riflettono meglio le esperienze degli utenti reali. È costituito da parametri chiave delle prestazioni come Core Web Vitals oltre ad analisi degli utenti come connessione di rete, tipo di dispositivo e posizione. Prima di iniziare qualsiasi lavoro sulle prestazioni, dobbiamo stabilire una base di riferimento delle prestazioni reali degli utenti.
Usato in modo intercambiabile, risorsa o risorsa si riferisce a un file necessario alla pagina web. Potrebbe essere un’immagine, un foglio di stile, un carattere o uno script.
Una tecnica di ottimizzazione delle dimensioni delle immagini in base alle dimensioni del display e alla risoluzione dello schermo per bilanciare le prestazioni con la qualità dell’immagine. A volte questo termine include anche altri aspetti della resa delle immagini come l’ottimizzazione del formato del file tramite il browser.
misura il tempo che intercorre da quando la pagina inizia a caricarsi a quando viene renderizzata visivamente, i suoi script iniziali (se presenti) vengono caricati ed è in grado di rispondere in modo affidabile e rapido all’input dell’utente.
Risorse: TTI
il tempo totale impiegato dal server remoto per inviare il primo byte di dati dopo che un utente ha richiesto i dati o la pagina.
Risorse: TTFB
misura la quantità totale di tempo tra FCP e TTI in cui il thread principale è stato bloccato per un tempo sufficientemente lungo da impedire la risposta dell’input.
Risorse: TBT
La parte di un sito web visibile sullo schermo in qualsiasi momento.
la velocità effettiva e percepita di download e il tempo di visualizzazione di un sito web. Include anche le prestazioni effettive e percepite delle interazioni dell’utente, come lo scorrimento fluido, le animazioni e il tempo di risposta all’input dell’utente.
Uno strumento di test di laboratorio apprezzato dagli ingegneri delle prestazioni che fornisce una vasta gamma di dati su metriche, richieste di rete e altro ancora. Ha anche la capacità di eseguire esperimenti.
Risorse: WebPageTest