Con così tanti strumenti e applicazioni disponibili per il nostro settore, è impossibile conoscerli tutti.
Ci sono domande su cosa fanno, quanto costano, a cosa servono e tante altre domande che ci affliggono quando cerchiamo uno strumento che ci aiuti a risolvere i problemi.
Oggi esamineremo GTmetrix, lo strumento di test della velocità.
Esamineremo gli usi, come utilizzare lo strumento e cosa fare con l’output.
Cos’è GTmetrix?
GTmetrix è uno strumento basato sul web che fornisce un’analisi della velocità del sito web.
Analizzerà il tempo di caricamento, le dimensioni e le richieste di un sito, quindi genererà un punteggio con consigli per migliorarlo.
Questo strumento può essere utilizzato da proprietari di siti, ingegneri, professionisti SEO e altri per misurare le prestazioni del loro sito e cercare margini di miglioramento.
Screenshot da gtmetrix.com, febbraio 2023
Come usare GTmetrix
Lo strumento GTmetrix esiste su un sito Web a cui è possibile accedere online.
Non hai bisogno di un account per iniziare, ma ne avrai bisogno se vuoi essere in grado di modificare la posizione e il tipo di browser.
Per utilizzare GTmetrix, collega il tuo URL al sito web.
Screenshot da gtmetrix.com, febbraio 2023
Una volta completato il rapporto, puoi esaminare le metriche fornite (di seguito approfondiremo il significato di quelle).
Riceverai una panoramica di GTmetrix Grade, Web Vitals e un riepilogo che mostra le visualizzazioni della velocità.
La visualizzazione della velocità è un ottimo modo per vedere come appare il tuo sito web mentre viene caricato, sovrapposto alle metriche sovrapposte.
In fondo, i problemi principali sono annotati e suddivisi per argomenti totali: First Contentful Paint (FCP), Largest Contentful Paint (LCP), Total Blocking Time (TBT) e Cumulative Layout Shift (CLS).
Fornisce inoltre il livello di impatto, utile per stabilire le priorità.
Sebbene questi siano i primi disponibili dopo aver eseguito il test, GTmetrix consiglia di concentrarsi su controlli specifici che si trovano nella scheda Struttura.
Screenshot da gtmetrix.com, febbraio 2023
Diamo un’occhiata a ciascuna delle diverse schede all’interno di GTmetrix e come sono utili.
Scheda Prestazioni
La scheda delle prestazioni fornisce informazioni su varie metriche basate sulle prestazioni, tra cui elementi come FCP, indice di velocità, CLS e altre metriche specifiche del browser.
Scheda Struttura
Questa è la sezione con cui GTmetrix ti suggerisce di iniziare. Questa sezione delinea i vari controlli dello strumento e l’impatto che hanno gli elementi.
Sono disponibili informazioni dettagliate in ciascuno di questi audit che mostrano ciò che deve essere corretto.
Molte di queste informazioni sono tecniche e, se hai bisogno di una migliore comprensione, GTmetrix fornisce un pulsante “impara a migliorare questo” che ti porta a un wiki che spiega in modo più dettagliato come questo problema influisce sulle prestazioni, come funziona e come evitare Esso.
Ecco cosa è veramente utile: fornisce il livello di esperienza richiesto per effettuare queste ottimizzazioni.
Screenshot da gtmetrix.com, febbraio 2023
Scheda Cascata
Questa scheda illustra un grafico a cascata e i dettagli di ciascuna azione in un approccio a cascata.
Qui, dovresti prestare attenzione alle risorse che richiedono molto tempo per essere caricate.
Screenshot da gtmetrix.com, febbraio 2023
Puoi passare il mouse sopra la riga della risorsa e visualizzare un’analisi dettagliata del motivo per cui la risorsa impiega troppo tempo a caricarsi.
Screenshot da gtmetrix.com, febbraio 2023
In questo esempio, vediamo che, per il server, sono stati necessari circa 700 ms per rispondere, il che potrebbe indicare problemi del server che possono essere risolti utilizzando CDN per le risorse.
Scheda Video
Questa scheda offre l’opzione per registrare un video del caricamento di una pagina e utilizzarlo per individuare diversi problemi con la pagina.
Avrai bisogno di un account per sfruttare questo strumento.
Scheda Cronologia
Qui puoi visualizzare i grafici che mostrano le modifiche nel tempo alle metriche della tua pagina come le dimensioni della pagina, il tempo di interazione e i punteggi.
Questo è un ottimo modo per misurare i tuoi progressi nel tempo.
Screenshot da gtmetrix.com, febbraio 2023
Cosa significa misurazione GTmetrix
Come abbiamo discusso in precedenza, GTmetrix produce un punteggio complessivo come output, ma anche ciò che misura è essenziale.
Panoramica del grado GTmetrix
Grado GTmetrix
Questa è la metrica che ti aiuta a capire le prestazioni complessive del tuo sito web.
Il voto è determinato considerando il tempo di caricamento degli utenti e il design architettonico del sito web.
È probabile che un sito Web a caricamento rapido e ben progettato per le prestazioni riceva un voto più alto, mentre un sito lento con tempi di caricamento più lunghi o un design architettonico scadente potrebbe ricevere un voto inferiore.
Punteggio delle prestazioni
Il punteggio delle prestazioni, come indicato sul sito Web GTmetrix, può essere confrontato con un punteggio delle prestazioni Lighthouse.
Si tratta di informazioni utili per chiunque voglia comprendere la metrica e la sua relazione con altre misure di performance.
Struttura
La valutazione della struttura combina la valutazione proprietaria di GTmetrix dei suoi audit personalizzati con la valutazione Lighthouse.
Il punteggio rappresenta quanto bene il sito è progettato per le prestazioni.
Screenshot da gtmetrix.com, febbraio 2023
Vitali Web
Questa sezione evidenzia le metriche utilizzate da Google per determinare se un sito Web sta generando ciò che definisce “un’esperienza piacevole”.
La più grande pittura contenta (LCP)
LCP si riferisce al tempo necessario per caricare l’elemento più significativo sulla pagina del tuo sito Web dove l’utente può vederlo.
Una buona esperienza utente sarebbe di 1,2 secondi o meno.
Tempo totale di blocco (TBT)
TBT è una metrica Lighthouse creata per misurare la reattività del carico del tuo sito Web all’input dell’utente.
Ha lo scopo di misurare la quantità di tempo che ha impedito all’utente di interagire.
Questo ha sostituito il First Input Delay (FID) utilizzato in PageSpeed Insights.
Spostamento cumulativo del layout (CLS)
CLS è la metrica che misura lo spostamento imprevisto degli elementi della pagina durante il caricamento della pagina.
Questa metrica viene utilizzata anche nei Web Vitals di Google.
Questo ha lo scopo di valutare la stabilità di una pagina web.
Screenshot da gtmterix.com, febbraio 2023
Conclusione
GTmetrix offre preziosi spunti e informazioni per migliorare le prestazioni del tuo sito web.
Agisce come uno strumento completo per valutare il benessere del tuo sito e scoprire i fattori che influenzano la visibilità del tuo motore di ricerca.
Utilizzando GTmetrix, puoi adottare misure proattive per ottimizzare e migliorare la tua presenza online.
Altre risorse:
Immagine in primo piano: miliardi di foto/Shutterstock