Per avere un'attività o un blog online di successo, è essenziale che tu conosca la velocità di caricamento del tuo sito web e che tu sappia come ottimizzare WordPress per questo. Tuttavia, i buoni strumenti di analisi forniscono tonnellate di dati. Soprattutto i grafici a cascata non sono facili da leggere. Oggi ti mostrerò tre semplici trucchi che ti aiuteranno a ottenere di più dall'analisi delle prestazioni con una sola occhiata e a ottimizzare WordPress nei punti giusti.

Quando mi sono avvicinato al tema dell'ottimizzazione di WordPress, ho utilizzato per la prima volta anche webpagetest.org. All'epoca rimasi letteralmente sbalordito dai risultati. Soprattutto, il diagramma a cascata all'inizio sembrava una bestia di dati quasi impossibile da afferrare e organizzare: I colori, i numeri, la lunghezza delle barre, il loro ordine, tutto ha un significato.

Pertanto, i grafici possono anche dirti molte cose preziose sul tuo sito web. Se sai cosa cercare.

Oggi ti mostrerò come puoi utilizzare tre semplici trucchi per acquisire a colpo d'occhio importanti dati chiave sul tempo di caricamento del tuo sito web e ottimizzare così WordPress nei punti giusti.

In particolare, ve lo mostrerò:

• Come riconoscere un server web lento
• come riconoscere immagini non compresse e file troppo grandi
• come capire se il tuo server supporta HTTP/2

Imitazione consigliata

Molti dei dati che ti mostro oggi provengono da webpagetest.org. I grafici a cascata di questo strumento sono particolarmente complessi, ma offrono anche molte informazioni sul tuo sito web.

Se volete seguire i risultati del test, basta cliccare qui e controllare i dati per intero in Webpagetest.

Se vuoi ottimizzare il tuo sito web con l'aiuto di un'analisi di Webpagetest, devi tenere presente che ogni test eseguito è solo un'istantanea. Se vuoi davvero ottenere risultati affidabili, ti consiglio di eseguire almeno tre test. In questo modo si riduce la possibilità di misurare gli outlier e si ottiene una base di dati migliore per prendere decisioni importanti.

Questo è solo il primo terzo del diagramma a cascata di raidboxes.de. E già qui diventa chiaro che il diagramma non è facilmente penetrabile.

Come riconoscere un server web lento

Il valore più importante per valutare il tempo di risposta del tuo server è il cosiddetto Time to First Byte (TTFB). Il TTFB è il tempo che trascorre prima che il primo byte di dati venga scaricato dal server web. Durante questo periodo, non succede praticamente nulla. Almeno nulla che possa essere percepito come un caricamento di pagina. Per questo motivo è importante che il tempo per il primo byte sia il più basso possibile.

Guarda la prima richiesta del tuo diagramma a cascata. Questo dovrebbe essere il più breve possibile. Preferibilmente meno di 200 millisecondi.

La prima richiesta del tuo sito web deve essere il più breve possibile. Preferibilmente sotto i 200 ms.

Questo esempio illustra ciò che intendo: prima del passaggio a noi, questo sito web di uno dei nostri clienti aveva talvolta un TTFB di oltre 3,5 secondi. Dopo il trasloco, era ben al di sotto dei 200 ms. Soprattutto l'area blu chiaro della prima richiesta è diminuita in modo massiccio.

Prima:

Con Raidboxes:

Quindi, se il tempo di attesa per il primo byte dei tuoi progetti WordPress è molto elevato, una misura di ottimizzazione potrebbe essere quella di cambiare hoster o di aggiornare il tuo piano di hosting di conseguenza.

Rileva immagini e risorse troppo grandi

Ogni linea del diagramma a cascata rappresenta una cosiddetta richiesta. Si tratta di una richiesta del browser al server web. Questa richiesta include anche il download di pacchetti di dati, comprese le immagini. Nell'esempio seguente, la parte viola delle barre corrisponde al tempo di download.

Come puoi vedere, le immagini di questo sito web impiegano molto tempo per essere caricate: quasi 12, tre e quasi nove secondi. Questa è una chiara indicazione di immagini non compresse.

Le lunghe barre viola sono una chiara indicazione della mancanza di compressione dell'immagine.

Webpagetest ti mostra esattamente quale risorsa è coinvolta per ogni richiesta. In questo modo, potrai scoprire facilmente quale immagine del tuo sito WordPress è troppo grande e deve essere ottimizzata.

Naturalmente, questo vale anche per tutti gli altri tipi di file visualizzati da Webpagetest. Ad esempio, CSS e JavaScript. Questi file possono anche essere compressi, riducendo ulteriormente il tempo di caricamento del tuo sito web.

Riconoscere HTTP/2

Se vuoi sapere se i tuoi progetti WordPress beneficiano dello standard HTTP/2, particolarmente veloce, puoi scoprirlo dando un'occhiata al diagramma a cascata.

Se le richieste del tuo sito web vengono elaborate in parallelo, HTTP/2 è attivo.

Questa frase è un'eccellente illustrazione di ciò che HTTP/2 fa effettivamente. Se il tuo sito web è crittografato con SSL, HTTP/2 consente di elaborare più richieste del server web contemporaneamente. Questo riduce il tempo di caricamento totale.

Ecco un sito WordPress vuoto senza SSL:

E qui lo stesso sito web con certificato SSL, quindi anche con HTTP/2:

Vedi: nel primo caso, le singole richieste vengono caricate una dopo l'altra. Nel secondo caso, invece, sono per lo più caricati simultaneamente.

Certo: Non c'è alcuna opzione di ottimizzazione da parte di WordPress. È meglio chiedere al tuo provider di hosting se HTTP/2 è utilizzato.

Conclusione: non avere paura del diagramma!

Con un po' di pratica e le giuste conoscenze, puoi trarre molte informazioni da un diagramma a cascata. Puoi vedere se il tuo sito web beneficia di determinate tecnologie, quanto velocemente reagisce il tuo server web e se il tuo sito web nasconde dei freni ai tempi di caricamento. Se vuoi analizzare e ottimizzare in modo completo il tuo sito WordPress, non c'è modo di evitare i diagrammi a cascata.

Conoscete altri trucchi per identificare rapidamente i tipici freni del tempo di carico? Allora dammelo sempre!