Il campo delle performance web pu\u00f2 sembrare una zuppa alfabetica di termini e acronimi. Questo \u00e8 un riferimento di termini con brevi definizioni e collegamenti per saperne di pi\u00f9.<\/p>\n\n\n\n
Un termine preso in prestito dall\u2019editoria di giornali che si riferisce al contenuto di un sito Web visibile (o nel viewport) al caricamento iniziale. Questo contenuto \u00e8 solitamente considerato critico perch\u00e9 \u00e8 la prima cosa visibile a un utente. Il contenuto visibile varia a seconda delle dimensioni e dell\u2019orientamento dello schermo (mobile o desktop e verticale o orizzontale).<\/p>\n\n\n\n
un gruppo di server geograficamente distribuiti che lavorano insieme per fornire una consegna rapida di contenuti Internet.\u00a0Risorse:\u00a0cos\u2019\u00e8 un CDN? | Come funzionano i CDN?<\/a><\/em><\/p>\n\n\n\n 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\u00e9 metriche diagnostiche come Time to First Byte (TTFB) e First Contentful Paint (FCP) ).\u00a0<\/p>\n\n\n\n Risorse:\u00a0utilizzo del report UX di Chrome per esaminare le prestazioni sul campo<\/a><\/em><\/p>\n\n\n\n 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.<\/p>\n\n\n\n Un insieme di metriche create da Chrome per rappresentare meglio le prestazioni dal punto di vista dell\u2019esperienza utente. Attualmente includono Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) e First Input Delay (FID).\u00a0Risorse:\u00a0Web Vitals<\/a><\/em><\/p>\n\n\n\n misura il punteggio cumulativo di tutti i cambiamenti di layout imprevisti che si verificano dopo l\u2019inizio del caricamento della pagina.\u00a0Risorse:\u00a0CLS<\/a><\/em><\/p>\n\n\n\n avviene quando il browser esegue per la prima volta il rendering di testo, immagine (comprese le immagini di sfondo), tela non bianca o SVG.\u00a0Risorse:\u00a0FCP<\/a><\/em><\/p>\n\n\n\n misura il tempo che intercorre da quando un utente interagisce per la prima volta con il tuo sito al momento in cui il browser \u00e8 effettivamente in grado di rispondere a tale interazione. Misurato solo sul campo (RUM).\u00a0Risorse:\u00a0FID<\/a><\/em><\/p>\n\n\n\n Il test di laboratorio, o sintetico, \u00e8 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.<\/p>\n\n\n\n misura il tempo che intercorre tra l\u2019inizio del caricamento della pagina e il momento in cui viene visualizzato sullo schermo il blocco di testo o l\u2019elemento immagine pi\u00f9 grande.\u00a0Risorse:\u00a0LCP<\/a><\/em><\/p>\n\n\n\n Una tecnica di caricamento delle risorse non critiche dopo che le risorse critiche sono state caricate per ottimizzare l\u2019esperienza dell\u2019utente.<\/p>\n\n\n\n Uno strumento di test di laboratorio sviluppato da Chrome per fornire punteggi e feedback attendibili sulle prestazioni web.\u00a0<\/p>\n\n\n\n Risorse:\u00a0utilizzo di Lighthouse per migliorare le prestazioni di caricamento della pagina<\/a><\/em><\/p>\n\n\n\n Una tecnica per dirottare il modo in cui il browser trova e d\u00e0 priorit\u00e0 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. \u00c8 utile per le risorse riconosciute tardi come i caratteri, ma pu\u00f2 essere facilmente abusato portando a prestazioni peggiori.\u00a0<\/p>\n\n\n\n Risorse:\u00a0precarica risorse critiche per migliorare la velocit\u00e0 di caricamento<\/a><\/em><\/p>\n\n\n\n I dati degli utenti reali provengono da interazioni degli utenti reali anzich\u00e9 da un singolo test. I dati sono meno dettagliati rispetto ai test di laboratorio\/sintetici, ma riflettono meglio le esperienze degli utenti reali. \u00c8 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.<\/p>\n\n\n\n Usato in modo intercambiabile, risorsa o risorsa si riferisce a un file necessario alla pagina web. Potrebbe essere un\u2019immagine, un foglio di stile, un carattere o uno script.<\/p>\n\n\n\n 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\u00e0 dell\u2019immagine. A volte questo termine include anche altri aspetti della resa delle immagini come l\u2019ottimizzazione del formato del file tramite il browser.<\/p>\n\n\n\n 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 \u00e8 in grado di rispondere in modo affidabile e rapido all\u2019input dell\u2019utente.\u00a0<\/p>\n\n\n\n Risorse:\u00a0TTI<\/a><\/em><\/p>\n\n\n\n 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.\u00a0<\/p>\n\n\n\n Risorse:\u00a0TTFB<\/a><\/em><\/p>\n\n\n\n misura la quantit\u00e0 totale di tempo tra FCP e TTI in cui il thread principale \u00e8 stato bloccato per un tempo sufficientemente lungo da impedire la risposta dell\u2019input.\u00a0<\/p>\n\n\n\n Risorse:\u00a0TBT<\/a><\/em><\/p>\n\n\n\n La parte di un sito web visibile sullo schermo in qualsiasi momento.<\/p>\n\n\n\n la velocit\u00e0 effettiva e percepita di download e il tempo di visualizzazione di un sito web. Include anche le prestazioni effettive e percepite delle interazioni dell\u2019utente, come lo scorrimento fluido, le animazioni e il tempo di risposta all\u2019input dell\u2019utente.<\/p>\n\n\n\n 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\u00e0 di eseguire esperimenti.\u00a0<\/p>\n\n\n\nRapporto sull\u2019esperienza utente di Chrome (CrUX)<\/a><\/h2>\n\n\n\n
Above the fold<\/a><\/h2>\n\n\n\n
Core Web Vitals (CWV)<\/a><\/h2>\n\n\n\n
Cumulative Layout Shift (CLS)<\/a><\/h2>\n\n\n\n
First Contentful Paint (FCP)<\/a><\/h2>\n\n\n\n
First Input Delay (FID)<\/a><\/h2>\n\n\n\n
Test di laboratorio\/sintetici<\/a><\/h2>\n\n\n\n
Pittura con contenuto pi\u00f9 grande (LCP)<\/a><\/h2>\n\n\n\n
Caricamento lento<\/a><\/h2>\n\n\n\n
Lighthouse\/Intuizioni sulla velocit\u00e0 della pagina<\/a><\/h2>\n\n\n\n
Precarica<\/a><\/h2>\n\n\n\n
RUM (Monitoraggio degli utenti reali) \/ Test sul campo<\/a><\/h2>\n\n\n\n
Risorsa\/risorsa<\/a><\/h2>\n\n\n\n
Immagini reattive<\/a><\/h2>\n\n\n\n
Tempo di interattivit\u00e0 (TTI)<\/a><\/h2>\n\n\n\n
Tempo al primo byte (TTFB)<\/a><\/h2>\n\n\n\n
Tempo totale di blocco (TBT)<\/a><\/h2>\n\n\n\n
Visualizzazione<\/a><\/h2>\n\n\n\n
Prestazioni Web<\/a><\/h2>\n\n\n\n
Test pagina Web<\/a><\/h2>\n\n\n\n