Quanto è veloce il caricamento del mio sito web? Si tratta di una delle questioni centrali in materia di prestazioni, UX e ottimizzazione dei motori di ricerca. Per rispondere a questa domanda, devi affidarti agli strumenti giusti. Perché solo pochi strumenti forniscono dati davvero validi.
In rete si trovano ottimi articoli di sintesi sugli strumenti che possono essere utilizzati per misurare le prestazioni e i tempi di caricamento del proprio sito web in modo semplice e, soprattutto, gratuito. Queste panoramiche sono molto utili, ma spesso commettono un errore che può generare più confusione che chiarezza. Mettono a confronto due o tre tipi di strumenti completamente diversi tra loro e a volte non approfondiscono abbastanza le differenze.
Questo può portare a tentare di fare confronti di prestazioni con dati del tutto inadeguati. È un peccato, perché chi misura con gli strumenti giusti si risparmia molto tempo e fatica.
Quando si misurano le prestazioni di un sito web è necessario conoscere una differenza: La differenza tra le analisi del potenziale e gli strumenti che misurano il tempo di caricamento di un sito web. Il primo gruppo comprende test come quello di Google PageSpeed Insights e YSlow di Yahoo. Questi strumenti indicano in che misura il sito web testato soddisfa i requisiti per un caricamento veloce della pagina. Entrambi forniscono quindi ottimi spunti per l'ottimizzazione onpage. Tuttavia, questi test non misurano il tempo di caricamento del tuo sito web.
Ma soprattutto è questo che vuoi sapere: Quanto tempo ci vuole perché il mio sito sia costruito, perché le persone interagiscano con esso e perché io possa guadagnare? Ed ecco il problema: per quanto ne sappiamo, ci sono solo due strumenti gratuiti che forniscono dati davvero validi:
Per questo motivo, di seguito ti mostrerò cosa possono fare gli strumenti di misurazione, come usarli e come interpretare i dati in modo da ottenere il massimo dalle misurazioni.
Tre caratteristiche rendono uno strumento di misura particolarmente prezioso
Gli strumenti che ho citato sono così validi perché forniscono dati particolarmente preziosi. Ciò significa che i risultati della misurazione:
- Consiste nei risultati di diversi metodi di misurazione che possono essere confrontati.
- Si tratta di un output con un alto livello di dettaglio.
- Può essere regolato attraverso varie opzioni di impostazione.
In pratica, questo significa che con un buon strumento di misurazione puoi impostare come misurare il tempo di caricamento del sito web. Si tratta principalmente della scelta del server di test e della sua ubicazione e talvolta anche della scelta del browser di test.
Il livello di dettaglio dei dati significa che non vengono fornite solo informazioni temporali, ma anche una descrizione dettagliata di ciò che è stato effettivamente misurato. Due strumenti potrebbero intendere qualcosa di diverso alla voce "tempo di caricamento". Ovviamente, è ancora meglio se si utilizzano termini standardizzati, come ad esempio il tempo al primo byte.
Infine, è bene che non venga misurato solo il tempo di caricamento del tuo sito web, ma che vengano fornite anche informazioni sul numero di richieste HTTP, sulle dimensioni dei pacchetti di dati caricati o sui risultati di potenziali analisi. In questo modo potrai vedere rapidamente quali modifiche apportare per ottimizzare i tempi di caricamento.
Altri strumenti a noi noti offrono queste possibilità solo in misura limitata o non le offrono affatto e possono quindi portare a problemi di comprensione e quindi di interpretazione. Per te, però, questi vantaggi comportano anche uno svantaggio decisivo: i dati non sono così facili da capire come, ad esempio, i risultati di Google PageSpeed Insights.
I dati di misurazione non sono sempre facili da leggere
La parte più scoraggiante è sicuramente il cosiddetto diagramma a cascata. Ma è proprio questo che fornisce dati particolarmente importanti. Vale quindi la pena di dare un'occhiata più da vicino a questo tipo di diagramma.
In questo post, spiegherò prima di tutto WebPageTest in modo più dettagliato. Si tratta di uno strumento in grado di fornire rapidamente informazioni molto informative sul tuo sito web e di misurare il tempo di caricamento del tuo sito.
Il mio preferito: WebPageTest
webpagetest.org è veloce e molto facile da usare. In linea di massima, devi fare solo due cose:
- per prima cosa inserisci il dominio da testare
- quindi seleziona la posizione del server
La posizione del server è, oltre alla scelta del browser da testare, una delle impostazioni più importanti per capire come e quanto velocemente il tuo sito web si sviluppa nelle diverse regioni del mondo. In questi test, la posizione del server indica da quale località si accede al tuo sito web per misurare la velocità.
Assicurati sempre di utilizzare la stessa posizione del server, soprattutto per confrontare le prestazioni. Solo allora potrai confrontare i risultati in modo significativo. Perché se il tempo di caricamento del tuo sito web viene misurato una volta dagli Stati Uniti e una volta da Francoforte, i tempi di caricamento differiranno in modo significativo.
Quando si avvia il test, dopo qualche istante vengono espulsi tre grandi pacchetti di dati:
- breve panoramica: opportunità ed esperimenti
- numeri misurati del tuo sito web: Metriche osservate
- Esecuzione di test individuali con diagrammi a cascata
La prima parte, "Opportunità ed esperimenti", ti dà consigli pratici su quali parti del tuo sito web funzionano bene e dove c'è ancora margine di miglioramento.
Qui ti vengono presentate valutazioni e suggerimenti di soluzioni per vari aspetti rilevanti per le prestazioni del tuo sito web, in modo simile agli strumenti di Google o Yahoo. È importante capire che in questo caso non è stato misurato il tempo di caricamento del sito web, ma il potenziale di ottimizzazione del tempo di caricamento.
Il tempo di caricamento del sito web è il parametro centrale con cui è possibile confrontare le prestazioni. È la risposta diretta alla domanda: quanto è veloce il caricamento del mio sito web? Anche il numero di richieste HTTP è adatto a questi confronti. La regola è: meno richieste HTTP ci sono, meglio è.
La seconda sezione è costituita dai numeri misurati, ovvero le metriche. Al di sotto di questo si trova l'accumulo della pagina visiva sotto forma di una serie di immagini in passi di 100 ms. Qui si parla anche di "filmstrip". Le immagini che mostrano un cambiamento significativo nel layout della pagina sono evidenziate in colore.
La terza parte mostra una panoramica dei test eseguiti. Qui le richieste HTTP e i contenuti del tuo sito web vengono suddivisi per tipo e fonte. In questo modo puoi vedere rapidamente se un certo tipo di contenuto, come le immagini, occupa molto spazio o produce molte richieste e quindi rallenta il tuo sito web.
Il diagramma a cascata mostra in dettaglio l'ordine in cui vengono eseguite le richieste e quanto tempo impiega ogni richiesta per caricarsi. Il diagramma a cascata è quindi una visione dettagliata dei tempi di caricamento del tuo sito web.
Alla fine dei risultati del test troverai anche una legenda che spiega il significato dei simboli e dei colori.
Nel nostro caso, vedi in alto il primo contatto con il server e poi i tempi di caricamento dei singoli script.
In questo modo, puoi esaminare ogni singola richiesta e confrontarla con un altro valore misurato. In questo modo puoi stabilire se il tempo di caricamento del tuo sito web è migliorato dopo un intervento di ottimizzazione e, in caso affermativo, in che misura.
Vantaggi: veloce, pertinente, informativo
Nel complesso, WebPageTest è un buon strumento per misurare il tempo di caricamento di un sito web. Puoi riconoscerlo rapidamente:
- La velocità di caricamento di un sito web
- quanto è grande
- dove ha ancora un potenziale di ottimizzazione
- come si può sfruttare questo potenziale
- Come funziona la costruzione del tuo sito web
Se queste informazioni su WebPageTest non ti bastano, ti consiglio di approfondire l'argomento.
Nota il tempo di caricamento percepito
Il tempo di caricamento di un sito web è importante, senza dubbio, sia per l'esperienza che per la conversione. Ma per le persone non è importante il tempo di caricamento effettivo, bensì la velocità percepita del sito web - o in altre parole, il tempo necessario per costruire visivamente il sito. Questo perché il sito web viene sperimentato senza conoscere i valori misurati. Il tempo di caricamento percepito è quindi un valore importante per ottimizzare il tasso di conversione e di rimbalzo. Anche questo può essere misurato in modo affidabile.
Il legame tra il tempo di caricamento della pagina e il tasso di conversione nei negozi è stato ben studiato in passato. Il risultato: ogni secondo è importante. Perché in media le persone sono impazienti. Un tempo di caricamento più lungo di un secondo può comportare un tasso di conversione inferiore del 7%.
Per ogni secondo che il tuo sito web impiega a caricarsi, perdi entrate. L'ottimizzazione above-the-fold può essere un antidoto, perché questa misura riduce il tempo di caricamento percepito, che a sua volta può portare a migliori tassi di conversione.
In alcune circostanze, il tuo sito web potrebbe impiegare dieci, dodici o tredici secondi per caricarsi, ma dopo soli tre secondi sembra che sia completamente carico. Il tuo sito web sarà quindi percepito come molto più veloce di quanto non sia.
Analisi delle serie temporali e funzione video per la percezione del tempo di caricamento
1) L'analisi delle serie temporali
Confrontare i tempi di caricamento del tuo sito web per diversi giorni o settimane può essere molto istruttivo. Ad esempio, se ottimizzi il tuo sito web passo dopo passo per diverse settimane.
2) Analisi video: la migliore indicazione del tempo di caricamento percepito della pagina
La funzione video o le serie di immagini, che scattano uno screenshot a determinati intervalli durante il processo di caricamento, sono le più adatte per misurare il tempo di caricamento percepito. Puoi vedere quanto tempo ci vuole prima che sia visibile una rappresentazione visiva. Logico. Ma questo semplice trucco ti permette di ottenere una chiara differenziazione tra il tempo di caricamento misurato e quello percepito. WebPageTest offre questa funzione nella sezione "Metriche osservate" come "Processo di caricamento della pagina visiva".
GTmetrix
Vorrei parlare brevemente di GTmetrix. In sostanza, i due strumenti WebPageTest e GTmetrix possono fare la stessa cosa. GTmetrix è facile da usare come WebPageTest: inserisci l'URL del sito web da testare e lo strumento fornisce i risultati dopo pochi istanti. Lo svantaggio:
- GTmetrix offre un solo server, quello di Vancouver.
- GTmetrix testa solo con Firefox
Ciò significa che i risultati delle misurazioni di GTmetrix si riferiscono sempre a un computer desktop con Firefox in Vancouver. Se lavori esclusivamente con GTmetrix per la misurazione delle prestazioni, questo non pregiudica i risultati. Ma se vuoi conoscere la velocità di caricamento del sito web per i visitatori tedeschi, devi utilizzare uno strumento diverso.
Conclusione
Per l'analisi dei tempi di carico, è elementare anche la misurazione dell'esperienza dei tempi di carico. Perché permette di fare confronti su un livello astratto dai semplici dati. Possiamo consigliare solo i test che consentono l'analisi video o una funzionalità analoga. Perché in alcune circostanze il tempo di caricamento misurato è piuttosto elevato, ma il tempo di caricamento percepito è assolutamente giustificabile. Il valore non solo ti permette di capire meglio come viene percepita la tua offerta, ma anche se vale la pena ottimizzare il sito web in ottica di performance. In determinate circostanze, vale più la pena investire nell'ottimizzazione delle conversioni che nel tempo di caricamento del sito web.
Quando si tratta di misurare le prestazioni, WebPageTest è per noi il non plus ultra degli strumenti di misurazione gratuiti.
Quali sono gli strumenti con cui hai avuto la migliore esperienza nell'analisi delle prestazioni? Hai avuto esperienze con altri strumenti di misurazione che potrebbero fornire dati ancora migliori?
