Come utilizzare lo strumento di test della velocità


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

Read Previous

Il software di riconoscimento facciale ha portato al suo arresto. Era completamente sbagliato

Read Next

Wanted: Dead è ora disponibile per PC e console

Leave a Reply

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