Comprendere le metriche delle prestazioni del sito web

Autore:Mikkel Haldorsen
Aggiornato:24 mar 2025
  1. Metriche chiave delle prestazioni:

    • First Contentful Paint (FCP): Misura il tempo impiegato per il rendering del primo contenuto su una pagina, fondamentale per la velocità di caricamento iniziale.
    • Ritardo del primo input (FID): Valuta il ritardo prima che una pagina risponda alle interazioni dell'utente, ad esempio i clic.
  2. Calcoli del percentile:

    • Metriche come P75, P90 e P95 indicano che il 75%, il 90% e il 95% degli utenti riscontrano tempi di caricamento più rapidi rispetto al valore specificato. Ad esempio, un punteggio P75 di 1 secondo significa che il 75% degli utenti vede FCP in meno di un secondo.
  3. Sistema di codifica a colori:

    • I punteggi sono codificati per colore come Scarso (0-49), Da migliorare (50-89) e Buono (90-100). Per un'esperienza utente ottimale si consiglia di puntare a punteggi "Buoni", anche se punteggi più alti diventano sempre più difficili da raggiungere.
  4. Punteggio di esperienza reale (RES) vs. Punteggio esperienza virtuale (VES):

    • RES: Basato su dati utente reali post-distribuzione, fornendo approfondimenti dopo il fatto.
    • VES: Predittivo, utilizza metriche come Total Blocking Time (TBT), consentendo di anticipare i cambiamenti delle prestazioni prima dell'implementazione.
  5. Considerazioni sul dispositivo:

    • Il tipo di dispositivo influisce sui punteggi; Checkly utilizza "Desktop" per VES, potenzialmente sottovalutando gli utenti mobili. Le strategie di ponderazione possono essere necessarie per un'analisi completa.
  6. Sforzo vs. Risultato:

    • Migliorare da 99 a 100 su RES è più difficile che passare da 90 a 94 a causa dei rendimenti decrescenti man mano che i punteggi si avvicinano alla perfezione.
  7. Impatto sull'esperienza utente e sui ranking di ricerca:

    • I punteggi più alti migliorano l'esperienza utente, ma potrebbero non aumentare direttamente il ranking di ricerca a meno che non passino a categorie di colore più elevate, come il verde dall'arancione.
  8. Differenze metriche:

    • VES utilizza TBT al posto di FID, offrendo una visione più ampia dell'esperienza utente considerando i ritardi totali di interazione.
  9. Aggiornamenti e analisi dei dati:

    • RES viene aggiornato con i dati degli utenti recenti, mentre VES si basa su controlli automatizzati per le previsioni.
  10. Ottimizzazione mirata:

    • Identificando i punti di abbandono degli utenti e le risposte lente, gli sviluppatori possono concentrarsi su aree specifiche per migliorare le prestazioni complessive.