Misurare il tempo di caricamento del sito web

3 strumenti per misurare correttamente il tempo di caricamento della pagina

Quanto è veloce la mia pagina? Questa è una delle questioni centrali nella performance, UX e ottimizzazione dei motori di ricerca. Quando si risponde a questa domanda, si dovrebbe fare affidamento sugli strumenti giusti. Perché solo pochi strumenti forniscono dati veramente buoni. Oggi vi presenterò i tre più potenti e vi mostrerò come usarne uno, Pingdom.

Ci sono degli ottimi articoli di panoramica sul web sugli strumenti con i quali ogni utente può misurare le prestazioni e il tempo di caricamento del proprio sito web molto facilmente e, soprattutto, gratuitamente. Queste panoramiche sono molto utili, ma spesso commettono un errore che può portare più confusione che chiarezza agli utenti. Confrontano due o tre tipi di strumenti completamente diversi tra loro e a volte non entrano abbastanza in dettaglio sulle differenze.

Questo può poi portare gli utenti a cercare di fare confronti di prestazioni con dati completamente inadeguati. Questo è un peccato, perché misurare con gli strumenti giusti fa risparmiare molto tempo e fatica.

Ogni utente che vuole misurare le prestazioni del proprio sito dovrebbe conoscere una differenza: la differenza tra le analisi potenziali e gli strumenti che misurano il tempo di caricamento di un sito web. Il primo gruppo comprende test come Google PageSpeed Insights e YSlow di Yahoo. Questi strumenti indicano quanto bene il sito web testato soddisfa i requisiti per un caricamento veloce della pagina. Entrambi forniscono quindi un eccellente input per l'ottimizzazione onpage. Tuttavia, questi test non misurano esplicitamente il tempo di caricamento del tuo sito web.

Ma soprattutto è quello che si vuole sapere: Quanto tempo ci vuole per costruire il mio sito, quanto tempo ci vuole perché i clienti interagiscano con esso, quanto tempo ci vuole perché io faccia soldi? Ed ecco il problema: per quanto ne sappiamo, ci sono in realtà solo tre strumenti gratuiti che forniscono dati davvero buoni:

Pertanto, in questo e in altri due articoli, vi mostrerò cosa possono fare i tre strumenti di misurazione, come usarli e come interpretare i dati in modo da ottenere il massimo dalle misurazioni.

Tre caratteristiche rendono uno strumento di misurazione particolarmente prezioso: opzioni di impostazione, livello di dettaglio della misurazione e varietà di dati

Gli strumenti che ho menzionato sono così buoni perché forniscono dati particolarmente preziosi. Questo significa che i risultati della misurazione:

  • Può essere regolato attraverso varie opzioni di impostazione.
  • Essere in uscita con un alto livello di dettaglio.
  • Consiste nei risultati di diversi metodi di misurazione che possono essere confrontati.

In pratica, questo significa che con un buon strumento di misurazione è possibile impostare come misurare il tempo di caricamento del sito web. Questo è di solito la scelta del server di prova e la sua posizione e a volte anche la scelta del browser di prova.

Il livello di dettaglio dei dati significa che non solo vengono fornite informazioni sul tempo, ma anche una descrizione dettagliata di ciò che è stato effettivamente misurato. Due strumenti possono benissimo intendere qualcosa di diverso sotto "tempo di caricamento". Naturalmente, è ancora meglio se si usano termini standardizzati, come il tempo al primo byte.

E infine, è bene che non solo il tempo di caricamento del tuo sito web sia misurato, ma anche le informazioni sul numero di richieste HTTP, la dimensione dei pacchetti di dati caricati o i risultati delle analisi potenziali sono visualizzati allo stesso tempo. In questo modo, puoi vedere rapidamente quali regolazioni puoi fare per ottimizzare il tempo di caricamento.

Altri strumenti a noi noti offrono tali possibilità solo in misura limitata o per niente e possono quindi portare a problemi di comprensione e quindi di interpretazione. Per voi come utente finale, tuttavia, questi vantaggi significano uno svantaggio decisivo: i dati non sono così facili da capire come, per esempio, i risultati di Google PageSpeed Insights.

I dati di misurazione non sono sempre facili da leggere - ma con alcune basi possono sempre essere compresi

La parte più scoraggiante è certamente il cosiddetto diagramma a cascata. Ma è proprio questo che fornisce dati particolarmente importanti. Vale quindi la pena dare un'occhiata più da vicino a questo tipo di diagramma.

In questo post, spiegherò prima Pingdom in modo più dettagliato. Questo è uno strumento che può fornire rapidamente informazioni molto informative sul tuo sito web e misura anche il tempo di caricamento del tuo sito web.

Misurare il tempo di caricamento del sito web con Pingdom. Ecco la maschera di ingresso.
Maschera di ingresso da Pingdom. Questo strumento è uno dei tre che pensiamo dia davvero buoni risultati e soprattutto misura il tempo di caricamento del tuo sito web.

Pingdom mostra molto bene in quale ordine la vostra pagina è costruita e quanto sono grandi i singoli blocchi di costruzione.

Pingdom è veloce e molto facile da usare. In linea di principio, dovete fare solo due cose:

  • prima inserire il dominio da testare
  • poi selezionare la posizione del server

La posizione del server è - oltre alla scelta del browser da testare - una delle impostazioni più importanti per essere in grado di capire come e quanto velocemente il tuo sito si costruisce per i clienti di diverse regioni. In questi test, la posizione del server indica da quale luogo si accede al tuo sito web per la misurazione della velocità.

Assicuratevi sempre di usare la stessa posizione del server, specialmente per i confronti delle prestazioni. Questo è l'unico modo per confrontare i risultati. 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 per un visitatore dalla Germania saranno molto diversi.

Misurare il tempo di carico del sito web Opzioni di Pingdom per il server di prova
Opzioni di selezione per il server di prova del test di Pingdom.

Quando si avvia il test, tre grandi pacchetti di dati vengono espulsi dopo qualche istante:

  1. Panoramica e risultato dell'analisi del potenziale
  2. Ripartizione dettagliata della pagina
  3. grafico a cascata

Proprio all'inizio, i tre dati chiave più importanti per capire le prestazioni della tua pagina sono in uscita:

  • il grado dell'analisi del potenziale (1)
  • il tempo di caricamento della pagina (2)
  • il numero di richieste HTTP (3)
Misurare il tempo di caricamento del sito web Risultato della panoramica di Pingdom
Panoramica risultato della messa in scena

La valutazione è presumibilmente basata su Google PageSpeed Insights. In tutti i nostri test finora, tuttavia, questo valore è stato distorto (in questo caso specifico 15 punti sotto la valutazione originale e anche significativamente sotto la valutazione per i dispositivi mobili) e quindi inutilizzabile.

Il tempo di caricamento (2) della pagina è il parametro centrale con il quale, per esempio, si possono fare confronti di prestazioni. È la risposta diretta alla domanda: quanto è veloce il caricamento della mia pagina? Il numero di richieste HTTP (3) è anche adatto a questi confronti. Qui vale quanto segue: meno richieste HTTP, meglio è.

Una bella aggiunta è il componente "Più veloce di" (4). Nel nostro caso, questo indica che raidboxes.de è più veloce del 75% delle altre pagine testate su pingdom. Queste informazioni possono essere utilizzate per una localizzazione approssimativa. Se, per esempio, ti viene mostrato che la tua pagina si carica più velocemente del 95% delle altre pagine, allora questa è già una prima indicazione che la tua pagina è dannatamente veloce.

Anche la sezione "Approfondimenti sulle prestazioni" fa parte della panoramica. Qui ti vengono presentate delle valutazioni e delle soluzioni suggerite per vari aspetti rilevanti per le prestazioni del tuo sito. Molto simile agli strumenti di Google o Yahoo. È importante capire che qui non è stato misurato il tempo di caricamento del sito web, ma il potenziale di ottimizzazione del tempo di caricamento.

Pingdom Pontecial Analysis misura il tempo di caricamento del sito web
Come seconda parte della misurazione del tempo di carico, pingdom produce anche questa analisi potenziale.

La seconda sezione è la ripartizione dettagliata della pagina. Qui si ottengono informazioni su due caratteristiche centrali: La funzionalità delle singole pagine e la composizione della pagina.

Nell'area che vedete qui sotto, per esempio, vedreste tutti gli errori 404 della vostra pagina. Nel nostro caso di test, potete vedere qui che 69 risposte dal server al browser sono avvenute normalmente. Due di queste richieste sono state inoltrate.

Pingdom reindirizza Misura il tempo di caricamento del sito web
Pingdom controlla anche quanti redirect, 400 e 500 errori sono prodotti dal tuo sito.

Nelle aree sottostanti, le richieste HTTP e il contenuto della tua pagina sono suddivisi per tipo e fonte. In questo modo, è possibile vedere rapidamente se un certo tipo di contenuto, come le immagini, sta consumando una quantità particolarmente grande di spazio o sta producendo un numero particolarmente elevato di richieste e quindi rallentando la vostra pagina.

Nel nostro caso, gli script occupano molto spazio e causano molte richieste. (1+2) Questo è dovuto principalmente al nostro strumento di supporto, Intercom, il distintivo Trusted Shops e le richieste del sito stesso. (3) In combinazione con le richieste si può anche vedere: Le richieste inviate da intercom si riferiscono a pacchetti di dati particolarmente grandi. (4)

I pacchetti dati di Pingdom misurano il tempo di caricamento del sito web
Ripartizione della pagina per richieste e dimensioni dei pacchetti di dati.

Il diagramma a cascata ora mostra in dettaglio l'ordine in cui le richieste vengono eseguite e quanto tempo ogni richiesta impiega a caricare. Questo significa che il diagramma a cascata è una visione dettagliata del tempo di caricamento del tuo sito web.

Troverete anche una legenda alla fine dei risultati del test che spiega il significato dei simboli e dei colori.

Nel nostro caso, si vede in alto il reindirizzamento da http a https (1), poi il primo contatto con il server (2) e poi i tempi di caricamento dei singoli script (3).

Grafico a cascata pingdom Misurare il tempo di caricamento del sito web
Il diagramma a cascata di pingdom.

Pingdom offre anche la possibilità di visualizzare esattamente quali parti di una richiesta richiedono quanto tempo per essere caricate. Questo permette di determinare il tempo al primo byte (cioè il tempo necessario al server per inviare il primo pacchetto di dati), ma bisogna raccoglierlo dai singoli valori.

Un esempio: Se guardate la prima richiesta della nostra pagina, vedrete che impiega un totale di 129 millisecondi. Consiste in una ricerca DNS, che richiede meno di un millisecondo, un cosiddetto SSL handshake, che richiede 29 millisecondi, la connessione tra il browser e il server, che richiede 52 millisecondi, l'invio dei dati dal browser al server, un tempo di attesa di 47 millisecondi e infine la ricezione dei primi dati.

Vista dettagliata del diagramma a cascata Misurare il tempo di caricamento del sito web
Vista dettagliata del diagramma a cascata. Se vuoi misurare il tempo di caricamento del tuo sito web, puoi vedere esattamente quanto tempo impiegano certi pacchetti di dati a caricarsi.

Durante il tempo di attesa specificato, il server calcola tutti i processi PHP necessari. Questo valore è quindi adatto se si desidera confrontare due fornitori di hosting.

In questo modo, è possibile guardare ogni singola richiesta e confrontarla con un altro valore misurato. In questo modo, puoi determinare se il tempo di caricamento della tua pagina è migliorato dopo una misura di ottimizzazione e, se sì, di quale fattore.

Vantaggi: Pingdom fornisce dati rilevanti molto rapidamente, con un alto valore informativo

Nel complesso, pingdom è un buon strumento per misurare il tempo di caricamento di un sito web. Puoi dirlo rapidamente con pingdom:

  • quanto velocemente viene caricata una pagina
  • quanto è grande
  • dove ha ancora un potenziale di ottimizzazione
  • come questo potenziale può essere sfruttato
  • come funziona la costruzione della tua pagina

Svantaggi: Soprattutto l'indicazione del tempo di caricamento è molto imprecisa

Tuttavia, lo strumento ha due importanti limitazioni: in primo luogo, solo poche posizioni di server sono disponibili per i test. Questo non è uno svantaggio di per sé, perché se si misura sempre con lo stesso server, i risultati sono perfettamente comparabili. Tuttavia, questo è esattamente ciò a cui si dovrebbe prestare attenzione quando si usa il test. Dovresti anche scegliere una posizione del server che sia il più vicino possibile al tuo gruppo principale di visitatori.

D'altra parte, il tempo di caricamento della pagina viene visualizzato solo in forma aggregata. Questo significa che non si può vedere a quale valore si riferiscono gli 1,84 secondi dell'esempio senza guardare il diagramma a cascata. Inoltre, non viene fatta alcuna distinzione tra la versione in cache e quella non in cache della pagina.

Probabilmente il più grande svantaggio di Pingdom è che non si può vedere il tempo di caricamento percepito. Questo perché la vostra pagina può essere caricata in dieci, dodici o tredici secondi, ma dopo soli tre secondi appare come se fosse completamente caricata. La vostra pagina verrebbe quindi percepita come molto più veloce di quello che è. Pingdom, tuttavia, non offre la possibilità di visualizzare questo tempo di caricamento percepito (nella versione gratuita, attenzione). GTmetrix e webpagetest.org possono farlo meglio.

Pingdom può rispondere rapidamente a quella che è spesso la domanda più importante: Quanto è veloce la mia pagina? Lo strumento rivela anche molto sulla struttura della tua pagina. Ma può essere ancora meglio! Nella prossima parte di questa serie, darò uno sguardo più da vicino a GTmetrix. Questo test fornisce ancora più dati ed è particolarmente convincente con una funzione video e un'analisi della serie temporale del tempo di caricamento della pagina.

Con quali strumenti hai avuto finora la migliore esperienza nell'analisi delle prestazioni?

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più il nostro contenuto.

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato.