Prestazioni del sito | WebPageTest

Descrizione WebPageTest

WebPageTest è una piattaforma gratuita progettata principalmente per aiutare gli sviluppatori a testare le prestazioni dei siti Web di cui sono responsabili.

Cos’è WebPageTest?

Recentemente riprogettato, WebPageTest è una piattaforma con diverse funzionalità molto pratiche per testare efficacemente le prestazioni di un sito web.

WebPageTest riceve anche commenti molto positivi e abbastanza elogiativi. La piattaforma è spesso considerata la migliore in termini di funzionalità e opzioni per testare un sito web.

Una delle funzionalità popolari di WebPageTest è la possibilità di eseguire test delle prestazioni da più posizioni geografiche utilizzando browser reali con una velocità di connessione reale.

A differenza dei punteggi offerti da altri strumenti per valutare le performance di un sito web, questa funzionalità di WebPageTest ti permette di testare il tuo sito utilizzando la posizione dei tuoi utenti esattamente come se fossi lì.

Potresti quindi avere una panoramica concreta della velocità di caricamento, esattamente come appare sui terminali dei tuoi utenti, con una posizione e una connessione reali.

WebPageTest consente anche di eseguire altri tipi di test, inclusi test semplici e avanzati, Total Blocking time (TBT), test traceroute, Core Web Vitals, confronti visivi multisito e molti altri.

WebPageTest: come utilizzare lo strumento?

• Per iniziare, vai alWebPageTest home page quindi inserisci l’URL della pagina che desideri testare.

Ma prima di continuare, perché vuoi usare WebPageTest?

Per impostazione predefinita, il primo campo della piattaforma è impostato per testare “Performance di un sito”.

• Ma puoi anche scorrere l’elenco delle opzioni e scegliere il tipo di test che fa per te tra Core Web Vitals, Lighthouse, Visual Comparison o Traceroute.

Ad ogni modo, anche se avvii questo campo con il suo valore di default, il test “Site Performance” tiene conto anche dei “Core Web Vitals”.

Dopodiché, continueremo nella scelta dei parametri.

1. Definire i parametri di prova

WebPageTest offre due tipi di impostazioni per eseguire i test, semplici e avanzati.

La configurazione semplice

Le impostazioni per una configurazione semplificata su WebPageTest sono molto facili da configurare: basta scegliere una configurazione desktop o mobile con una connessione 3G, 4G o via cavo.

Per impostazione predefinita, la piattaforma sceglie una configurazione 4G Mobile emulata negli Stati Uniti dalla Virginia.

• Una volta scelta la connessione e il tipo di connessione, puoi spuntare le caselle:
  • “Includi visualizzazione ripetuta”
  • E “Esegui un audit Lighthouse ».

E questo sarà tutto ciò che puoi impostare per questo primo tipo di test. Per un semplice test, possiamo dire che è più che sufficiente.

La configurazione avanzata

Quando si tratta di configurazione avanzata, WebPageTest offre una miriade di opzioni da verificare. Questo rende la piattaforma un potente strumento adatto agli sviluppatori.

Ma anche per un principiante, ci sono alcune opzioni facili da impostare (mancanti nella configurazione semplice) che possono essere molto utili.

• Per iniziare, fai clic su “Configurazione avanzata” per aprire la sezione e accedere alle opzioni disponibili.

La prima cosa da scoprire è il campo delle posizioni che elenca un elenco di posizioni geografiche e dispositivi da utilizzare.

Virginia è la località offerta di default, ma se stai cercando specificatamente una località che non è disponibile nell’elenco, hai a disposizione una mappa accanto al campo per definire con maggiore precisione la località desiderata.

In basso, hai il campo “Browser” che elenca un gran numero di dispositivi con cui è possibile eseguire il test.

Quindi hai le opzioni di test classificate per scheda. Nella prima scheda, “Impostazioni test”, è possibile scegliere di eseguire fino a 9 test di fila con una visualizzazione dei risultati solo per la prima visualizzazione o per visualizzazioni ripetute.

Hai anche la possibilità di effettuare un’acquisizione video per avere una panoramica reale del tempo di caricamento della pagina.

• Per ottenere più opzioni, puoi passare alle altre schede e specificare ulteriormente i criteri di configurazione.
• Fare clic sul pulsante “Avvia prova” per avviare l’elaborazione della richiesta.

Dopo pochi minuti, puoi accedere ai risultati del test.

2. Ottieni una panoramica delle prestazioni

Una volta completata l’elaborazione, WebPageTest visualizza una panoramica delle prestazioni del sito con informazioni su:

• Tutte le metriche analizzate
• Il tempo di caricamento del primo byte
• Il tempo di caricamento totale
• Il numero totale di byte
• E altre metriche di Real User Monitoring (RUM) come First Contentful Paint e Time to First Byte.

Lo strumento offre la possibilità di modificare i parametri di configurazione e avviare un nuovo test.

Hai anche la possibilità di scaricare i dati dei rapporti ed esportarli in file in diversi formati.

Oltre a questa panoramica, WebPageTest offre schede da sfogliare per saperne di più sulle prestazioni del sito Web testato.

• Fare clic sul campo “Riepilogo prestazioni” per scorrere l’elenco delle schede che ora presenteremo una per una:

Film

Come suggerisce il nome, questa scheda presenta una visualizzazione filmina del tempo di caricamento del tuo sito.

Su ogni immagine presente sul filmstrip hai il tempo di attesa necessario agli internauti per ottenerla sul proprio schermo e la percentuale di caricamento che l’immagine rappresenta sulla visualizzazione completa del sito.

• Mentre scorri la pellicola, vedi un indicatore rosso che indica la tua posizione su un grafico a cascata.

Nella parte inferiore di questo diagramma, hai una rappresentazione grafica che illustra l’evoluzione del caricamento del sito nel tempo.

Poi altre rappresentazioni grafiche che mostrano una panoramica di tempistiche, modifiche al layout, richieste e byte.

Richieste dettagli

Rispetto alla precedente, la scheda “Dettagli richieste” è un po’ più tecnica.

Come si legge sulla piattaforma,“questa pagina può essere utilizzata per esplorare i tempi delle metriche e richiedere una cascata per qualsiasi esecuzione del test”.

La scheda “Dettagli” include 6 parti e cioè:

• Metriche osservate
• Metriche utente effettive
• Vista cascata
• Vista connessione
• Dettagli della richiesta
• Intestazione richiesta.

Nella parte “Vista a cascata”, hai un’anteprima a cascata del caricamento della pagina.

La parte “Dettagli richiesta” fornisce maggiori informazioni su ciascuna richiesta.Cliccando sul numero di una particolare richiesta, lo strumento ti reindirizza alla corrispondente parte “Intestazione richiesta”.

Vitali Web

In questa scheda, hai i risultati su Core Web Vitals, una serie di metriche avviate da Google con l’obiettivo di migliorare la velocità di caricamento e l’esperienza utente (UX) sui siti web.

Ottimizzazione

Nella pagina “Ottimizzazione”, hai di nuovo un punteggio alfabetico come quello mostrato all’inizio del rapporto WebPageTest, ma qui viene assegnato un punteggio individuale a ciascuna metrica importante.

Facendo clic su un punteggio, è possibile accedere a maggiori dettagli sulla metrica in questione.

Contenuto

La scheda “Contenuto” fornisce informazioni su come sono composte le risorse del sito analizzato per tipologia di contenuto.

le zone

In questa pagina, hai una distribuzione dei contenuti per dominio. A seconda dell’architettura del sito, la scheda può visualizzare uno o più domini.

E osservando attentamente il grafico a torta, possiamo vedere che una percentuale di query e contenuti proviene da Google Analytics e Google Tag Manager.

Trattamento

Qui hai una suddivisione dell’elaborazione che mostra:

• Le diverse categorie di trattamento
• Eventi di elaborazione
• E le percentuali di caricamento della pagina.

Opzioni aggiuntive

Dopo la scheda “Elaborazione”, hai 4 collegamenti esterni che rimandano ad analisi più avanzate.

Queste sono le opzioni:

• Analisi dell’immagine
• Richiesta carta
• Costo dei dati
• Punteggio di sicurezza

WebPageTest: caratteristiche principali dello strumento

• Identificare il tempo di caricamento necessario per il primo byte
• Scopri le metriche Core Web Vitals del tuo sito web
• Scopri il Total Blocking Time (TBT) di qualsiasi pagina web
• Identifica la dimensione totale di una pagina web
• Scopri l’indice di velocità di un sito web

WebPageTest: prezzi

I test con WebPageTest sono disponibili gratuitamente, ma la piattaforma offre anche piani tariffari a partire da $ 15 al mese per accedere a più funzionalità.Clicca qui per saperne di più.

 WebPageTest è anche altre funzionalità tramite integrazioni API

Durante la ricerca di WebPageTest su Google, il primo risultato è probabilmente il collegamentowebpagetest.org che si riferisce alla piattaforma che abbiamo appena presentato in questa guida.

Ma WebPageTest ha anche altre funzionalità da scoprire in aggiunta tramiteIntegrazioni API.

Queste API ti consentono di ottenere analisi molto dettagliate sulle prestazioni del tuo sito web.

Test di velocità del sito web: Un’altra versione di WebPageTest in collaborazione con Cloudinary

Website Speed ​​​​Test è il risultato della collaborazione trawebpagetest.org  e Cloudinary che si sono uniti per creare uno strumento di analisi delle immagini e test di velocità del sito web in grado di analizzare il contenuto, il formato e le dimensioni di ogni immagine presente su un URL.

Lo strumento ti consente di analizzare le tue immagini e ottenere consigli di ottimizzazione per migliorare le prestazioni del tuo sito.

Per saperne di più su questa versione di WebPageTest, puoi consultare la nostra guidaDescrizioneTest di velocità del sito web – Nuvoloso.