Come misurare la velocità del tuo sito Divi e i tempi di caricamento

In questo articolo, esamineremo alcuni dei migliori strumenti e vedremo come misurare la velocità del tuo sito web Divi e i tempi di caricamento.

Introduzione

A nessuno piace aspettare il caricamento di un sito web. Più lentamente si carica il tuo sito web, maggiori sono le probabilità che i tuoi visitatori passino al sito web successivo. Ciò significa che la tua velocità e il tempo di caricamento sono fondamentali per il successo del tuo sito web. Fortunatamente, ci sono molti modi per testare il tuo sito web e ottenere informazioni utili per risolvere le aree problematiche. In questo articolo, esamineremo alcuni dei migliori strumenti e vedremo come misurare la velocità del tuo sito web Divi e i tempi di caricamento.

Strumenti

Esistono molti buoni strumenti per misurare la velocità del tuo sito Web Divi e i tempi di caricamento. Ecco un elenco di alcuni tra i miei preferiti (che uso molto spesso):

La maggior parte sono strumenti online. Alcuni degli strumenti sono estensioni che possono essere aggiunte al tuo browser. Misurano le velocità del frontend del tuo sito web. I tipi di informazioni che forniscono includono il tempo al primo byte, il tempo di caricamento completo, le dimensioni della pagina, le dimensioni e le velocità dei file, il numero di richieste, ecc. Identificano i file da correggere e forniscono informazioni nei grafici. Il tuo test sarà influenzato dalla posizione del test.

In questo articolo, esaminerò GTmetrix e Pingdom. GTmetrix fornisce i dettagli di più test di velocità (PageSpeed ​​Insights e YSlow di Google) e fornisce molte informazioni con grafici interattivi facili da usare. Pingdom fornisce lo stesso tipo di informazioni, ma è ancora più semplice da usare perché è il loro test. Per i miei esempi, sto testando il sito web per WordPress.org.

La maggior parte sono strumenti online. Alcuni degli strumenti sono estensioni che possono essere aggiunte al tuo browser. Misurano le velocità del frontend del tuo sito web. I tipi di informazioni che forniscono includono il tempo al primo byte, il tempo di caricamento completo, le dimensioni della pagina, le dimensioni e le velocità dei file, il numero di richieste, ecc. Identificano i file da correggere e forniscono informazioni nei grafici. Il tuo test sarà influenzato dalla posizione del test.

In questo articolo, esaminerò GTmetrix e Pingdom. GTmetrix fornisce i dettagli di più test di velocità (PageSpeed ​​Insights e YSlow di Google) e fornisce molte informazioni con grafici interattivi facili da usare. Pingdom fornisce lo stesso tipo di informazioni, ma è ancora più semplice da usare perché è il loro test. Per i miei esempi, sto testando il sito web per WordPress.org.

GTMetrix

GTMetrix

GTmetrix analizza il sito con YSlow e PageSpeed ​​e fornisce molte informazioni su ciascuno dei risultati del test. Il rapporto finale generato ti mostra sia il tempo di caricamento che il tempo di caricamento completo. Visualizza i risultati in diversi tipi di grafici e analizza i dati per ottenere informazioni e suggerimenti su come e dove apportare miglioramenti. Puoi anche monitorare le pagine e impostare avvisi in base alle condizioni scelte. Inserisci il tuo URL e fai clic su Testa il tuo sito.

Rapporto di GTMetrix
Una volta completato il test, GTMetrix genera un report dettagliato e ti mostra la regione del server di test, il browser, l’indirizzo IP e i punteggi PageSpeed ​​e YSlow. Fornisce inoltre i voti e i punteggi delle prestazioni di PageSpeed ​​e YSlow e i dettagli della pagina che includono il tempo di caricamento completo, la dimensione totale della pagina e il numero di richieste. I colori sono molto importanti: il verde indica che un ottimo risultato e il rosso invece che vanno apportati dei migloramenti.
Rapporto GTMetrix
Se scorri in basso nel report ti accorgerai di alcune tabelle come: Sommario, Prestazione, Struttura, Cascata, ecc… Ti lascio incuriosito dicendoti solo nel sommario troverai elencati i problemi principali del tuo sito. A questo punto, ti invito a provare GTMetrix e a scoprire il rapporto dettagliato sul tuo sito! Passiamo ora a Pingdom.

Pingdom

Pingdom

Pingdom è un altro ottimo strumento per testare la velocità del tuo sito web. È più semplice da usare ma fornisce comunque molte buone informazioni (e molto simili a quelle generate da GTMetrix). Inserisci l’URL, scegliere da dove vuoi eseguire il test e fare clic su Avvia test.

Rapporto di Pingdom

Una volta terminato il test, Pingdom ti fornisce uno screenshot del sito, una valutazione delle prestazioni e delle informazioni sulla dimensione della pagina, il tempo di caricamento e il numero di richieste. Ti indica inoltre un elenco di aree in cui è possibile migliorare le prestazioni e i codici di risposta. Sono elencati in base al miglioramento di cui hanno bisogno e includono un codice colore, una valutazione e un punteggio.

WebPage Test

WebPage Test

Per par condicio includiamo anche la schermata del rapporto di WebPage Test. Questo strumento è molto potente se usato con saggezza.

PageSpeed Insights

PageSpeed Insights

Lo strumento di Google, PageSpeed Insights, è molto severo. Per questo devi stare attento a non credere troppo a quello che scrive. Molto spesso la tua pagina è veloce ma per colpa di alcuni script che vengono caricati alla fine, il report generato indica che il tuo sito è lento.

Per concludere

Questo è tutto quello che noi di Divi Design Studio usiamo per misurare la velocità del sito web Divi e i tempi di caricamento. Sono strumenti affidabili che usiamo da molti anni. Tuttavia, gli strumenti (soprattutto GTMetrix) generano dei report non veramente realistici, cioè ti indicano che il sito è molto lento ma è normale perchè se usi il tag defer sugli script, alcuni elementi (file del tuo sito) sono caricati alla fine nell’ordine di caricamento e non influiscono visivamente sulle prestazioni del tuo sito.

Come sempre, se hai dubbi o domande, ti invitiamo a lasciare un commento qui sotto 😀

 

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ti potrebbe anche interessare…

Cambiare Modulo Blog Divi

Cambiare il modulo Blog Divi per avere immagine a sinistra e testo a destra

Oggi voglio condividere con voi come è possibile creare un blog Divi con immagine a sinistra e testo a destra usando il layout a larghezza piena.
Immagine con titolo di un articolo su come aggiungere anno di copyright con aggiornamento automatico

Come aggiungere anno di copyright con aggiornamento automatico

Questa soluzione ti permette di aggiungere un anno di copyright con aggiornamento automatico in fondo al tuo sito web senza dover scrivere codice.
Come aggiungere le icone Divi con il codice CSS

Come aggiungere le icone Divi con il codice CSS

In questo post ti spiegherò come è possibile aggiungere le icone Divi con il codice CSS ovunque tu voglia nel tuo sito.
Immagine con titolo di un articolo su come disabilitare lo scroll orizzontale nel tema Divi

Come disabilitare lo scroll orizzontale nel tema Divi

In questo post ti mostrerò come disabilitare lo scroll orizzontale nel tema Divi e migliorare l’esperienza utente.
Immagine con titolo di un articolo su come nascondere il Divi header e footer in pagine specifiche del sito WordPress

Come nascondere header e footer in pagine specifiche di un sito Divi

In questo post ti spiegherò come nascondere header e footer in pagine specifiche di un sito Divi.
Illustrazione di un modulo contatto con asterischi per siti WordPress

Aggiungere gli asterischi nei campi obbligatori del modulo di contatto Divi

In questa breve guida ti spieghiamo come aggiungere gli asterischi nei campi obbligatori del modulo di contatto Divi.
Mano con strumento per risolvere problemi del tema Divi

Risolvere i problemi più comuni del tema Divi

Ti potrebbe capitare che il tema Divi non funziona correttamente. Non preoccuparti, in questo post imparerai come risolvere i problemi più comuni.
Fontawesome Sito web schermata iniziale

Come aggiungere le icone Font Awesome al tema Divi

In questo post ti mostro come aggiungere icone Font Awesome al tuo sito WordPress con un plugin o integrando manualmente con Divi.
Impostazioni del testo alternativo modulo immagine Divi Builder

Come ottimizzare le immagini per la SEO in Divi

Scopri come ottimizzare le immagini del tuo sito Divi in ottica SEO in questa guida passo dopo passo!
Modulo Divi Blur Video YouTube

Come spostare il titolo del modulo Divi Blur sopra l’immagine

Oggi ti mostrerò come spostare il titolo del modulo Divi Blurb sopra l’immagine grazie a un frammento di codice.

Layout Divi

Scopri un’ampia collezione di layout Divi in continuo aggiornamento.

Membership

Benvenuto nel club segreto dei web designer! Uno spazio riservato a chi ha scoperto i vantaggi dei layout Divi per creare siti web moderni e professionali.

N 90+ Layout Divi
N Licenza Lifetime
N Download illimitati
N Documentazione
N SUPPORTO VIA EMAIL

0,00 €

Possibilità di utilizzare tutti i layout Divi per sempre, senza limitazioni.

Divi Logo

Tema Divi

Il più potente e accessibile dei temi WordPress è disponibile anche in italiano!

Divi Builder