SiteSpeed

Introduzione

Fanplayr SiteSpeed acquisisce metriche di performance in tempo reale per le pagine e le risorse caricate sul tuo sito web. Invece di affidarsi a crawler di siti web per campionare e approssimare le performance del tuo sito, SiteSpeed cattura le metriche direttamente dalla prospettiva unica di ogni visitatore per fornire un quadro accurato delle performance per ogni pagina da tutti i dispositivi e luoghi.

Misurare le performance

Tempo di DOM Interactive

La metrica primaria utilizzata per misurare le performance di ogni pagina visitata è chiamata tempo di DOM Interactive. Questo evento è emesso dal browser quando ha terminato di caricare e analizzare il documento HTML iniziale e tutte le risorse iniziali che bloccano il rendering, come script e fogli di stile. Tempi DOM Interactive rapidi sono fondamentali per offrire esperienze soddisfacenti ai tuoi utenti.

Valutazione Apdex

Fanplayr calcola le valutazioni Apdex per fornirti una singola metrica che può aiutare a misurare l'esperienza utente. Questo è un modo standardizzato per misurare qualsiasi metrica di esperienza utente e SiteSpeed utilizza il tempo di DOM Interactive per questo algoritmo.

Fanplayr analizza tutte le visualizzazioni delle tue pagine per calcolare una base di quello che è un tempo di pagina tipicamente "veloce" per il tuo sito. Questo è ciò che viene definito il tempo Satisfactory, e qualsiasi visualizzazione di pagina con un tempo DOM Interactive inferiore a questo valore contribuisce all'esperienza utente complessiva. Le visualizzazioni di pagina fino a 3 volte più lente del tempo Satisfactory sono considerate visualizzazioni Tolerated, mentre qualsiasi cosa più lenta di ciò può portare a un'esperienza utente Frustrated. La distribuzione delle visualizzazioni di pagina che rientrano in queste tre categorie viene combinata per produrre una valutazione Apdex tra 0 e 1 per fornire un'indicazione dell'esperienza utente complessiva.

• Una valutazione Apdex tra 0.94 e 1.0 equivale a performance Eccellenti.
• Una valutazione Apdex superiore a 0.85 equivale a performance Buone.
• Una valutazione Apdex tra 0.7 e 0.85 equivale a performance Discrete.
• Una valutazione Apdex inferiore a 0.7 equivale a performance Scarse.
• Una valutazione Apdex inferiore a 0.5 è considerata Inaccettabile.

Un esempio della valutazione e distribuzione complessiva delle performance Apdex.

KPI dell'e-commerce

I tempi di DOM Interactive sono rappresentati graficamente rispetto alle metriche chiave dell'e-commerce per aiutare a illustrare come le performance di caricamento delle pagine possano influenzare i tassi di conversione, l'AOV e i tassi di abbandono.

Misurazioni geografiche

SiteSpeed visualizza anche i tempi di DOM Interactive da ogni angolo del globo. La scala di colori rappresenta le regioni più veloci come blu, mentre quelle più lente sono rosse. Cliccando su un paese è possibile approfondire i suoi stati o province per vedere i tempi di performance da regioni più piccole. In questa modalità ingrandita, la dimensione degli indicatori rappresenta anche il numero di visualizzazioni di pagina da quella posizione. È possibile passare il mouse sugli indicatori che sono raggruppati strettamente per mostrare una lente d'ingrandimento di quell'area che consente di individuare singole regioni. (Clicca il video qui sotto per vederlo in azione!)

Loading embed...

Performance per URL di pagina e risorsa

Diverse tabelle suddividono le performance per pagina, dispositivo e persino a livello di singole risorse. Le tabelle delle risorse mostrano la metrica Duration, che è il tempo totale impiegato dal browser per scaricare la risorsa.

Limitazioni

Numero di risorse acquisite

I browser web moderni acquisiscono le metriche di performance per le prime 150 risorse caricate su una pagina per impostazione predefinita. Ciò significa che le misurazioni delle risorse di Fanplayr potrebbero non rappresentare tutte le richieste effettuate per pagine che si affidano a un gran numero di risorse.

Questo limite predefinito può essere facilmente aumentato aggiungendo una piccola quantità di JavaScript all'inizio del documento per aumentare la dimensione del buffer di ingresso delle performance con un nuovo limite massimo:

<script>
if (window.performance) {
  performance.setResourceTimingBufferSize(/* NEW LIMIT */);
}
</script>

È opportuno notare che l'aumento di questo limite aumenterà la quantità di memoria utilizzata dal browser e la quantità di larghezza di banda utilizzata dai tuoi visitatori durante la trasmissione delle informazioni metriche a Fanplayr. Dovresti considerare l'impatto che l'aumento di questo limite predefinito potrebbe avere sui tuoi utenti prima di apportare qualsiasi modifica. Ad esempio, i visitatori da dispositivi mobili tendono ad avere maggiori vincoli di memoria e larghezza di banda, in particolare quando navigano tramite connessioni internet cellulari.