Revisione WebPageTest.org: Test delle Prestazioni Open-Source che Funziona Davvero

Core Web Vitals è uno dei fattori di ranking su Google. Questo significa che eseguire test di performance diventa obbligatorio per tutti i proprietari di siti web che desiderano un’ottimizzazione migliore per i motori di ricerca (SEO).

Per oltre un decennio, GTmetrix è stata la raccomandazione predefinita per chiunque avesse bisogno di uno sguardo veloce alla velocità del proprio sito. Era veloce, semplice e, cosa più importante, era generoso — ma diciamo “era” perché, tra la fine del 2023 e la metà del 2024, quella generosità si è esaurita.

Con nuovi paywall che bloccano funzionalità essenziali, limiti severi sui test gratuiti e analisi mobile bloccate dietro un abbonamento, lo strumento che tutti abbiamo aggiunto ai preferiti non è più il modello di riferimento di una volta.

Fortunatamente, c’è WebPageTest.org (WPT), una piattaforma che è stata presente in secondo piano dal 2008, alimentando gli audit di performance più rigorosi di internet.

Allora, abbiamo testato WPT su principali parametri di prestazione del sito web per determinare se può sostituire altri strumenti di test della velocità, come GTmetrix, senza compromessi.

Cammina con noi.

Quali Sono Le Origini di WebPageTest.org?

WebPageTest.org è una piattaforma di test delle prestazioni open-source che fornisce diagnosi approfondite per le pagine web. È iniziato come un progetto all’interno di AOL ed è stato successivamente sviluppato da Patrick Meenan presso Google per aiutare gli ingegneri a comprendere il comportamento dei browser.

Lo strumento è rimasto attivo per oltre sedici anni perché è supportato da una comunità di specialisti della performance che credono nel contribuire all’open source.

In realtà, gli ingegneri della performance hanno costruito questo strumento specificamente per altri ingegneri della performance che richiedono dati ad alta fedeltà. Ogni test viene eseguito su un vero browser, sia che si tratti di Chrome, Firefox o Safari, piuttosto che su una simulazione senza interfaccia grafica che potrebbe non rilevare bug di rendering. Questa base tecnica garantisce che i risultati riflettano ciò che un visitatore umano reale sperimenta sul proprio dispositivo.

Il progetto è stato trasferito a Catchpoint nel 2020 per garantire che avesse le risorse per rimanere gratuito per il pubblico. Ora, invece di limitarsi agli abbonamenti, WPT è finanziato da una società madre enterprise che utilizza i dati per le proprie ricerche.

Come Si Compara Il Set Di Funzionalità Per L’Uso Quotidiano?

Dobbiamo anche vedere come WPT gestisce le metriche del sito web che sono effettivamente importanti per il tuo flusso di lavoro quotidiano. Se provieni da GTmetrix, l’insieme di funzionalità qui ti sembrerà familiare, ma la profondità dei dati è significativamente maggiore.

Monitoraggio Dei Core Web Vitals

WebPageTest non ti fornisce solo un voto di passaggio/non passaggio — scompone i Core Web Vitals (LCP, CLS, INP) con un livello di dettaglio che spesso Insights nasconde.

Quando esegui un test, WPT visualizza queste metriche del sito web su una sequenza temporale. Invece di dirti semplicemente “Il tuo Cumulative Layout Shift è 0.25,” evidenzia l’esatto fotogramma nella sequenza di caricamento dove si è verificato lo spostamento.

Questo è fondamentale per il debugging perché puoi vedere l’esatto layout prima del salto e il layout dopo.

Introduce anche “Opportunità”, una sezione che riflette le “Raccomandazioni” di GTmetrix a cui siamo abituati, ma con una migliore priorità.

Se hai 10 problemi, WPT aiuta a identificare quali di questi non sono importanti per guadagni immediati di performance e su quali concentrarsi per migliorare il SEO e la velocità del sito.

Grafici a Cascata e Analisi delle Richieste

Il grafico a cascata è il gioiello della corona di WebPageTest: è denso, colorato e inizialmente spaventoso. Ma una volta imparato a leggerlo, non vorrai più tornare a una lista semplificata.

Il livello gratuito di GTmetrix ha mostrato solo un elenco basilare di file qui. WebPageTest mostra ogni singola richiesta, suddivisa in cinque o dieci fasi distinte, codificate a colori per la diagnosi:​

• DNS e Connessione: Questo mostra quanto tempo è stato necessario solo per trovare il server. Se le barre sono lunghe, significa che il tuo provider DNS è lento.
• Negoziazione SSL: Questo mostra il tempo impiegato per stabilire una connessione sicura. Se è molto lungo, la configurazione TLS del tuo server potrebbe essere obsoleta.
• Tempo al Primo Byte: TTFB è il tempo che impiega il browser per ricevere il primo byte della risposta del server. Una barra lunga indica un tempo di risposta del server lento, che spesso indica problemi con le query al database o l’elaborazione lato server (indicando che è tempo di ottimizzazione del database)
• Download del Contenuto: Il browser sta effettivamente ricevendo dati.

La caratteristica più potente qui è la vista “Connection”.

Puoi vedere esattamente come il browser apre connessioni parallele per scaricare le immagini e individuare il momento esatto in cui uno script di tracciamento di terze parti blocca il caricamento del resto del tuo sito.

Raccomandazioni Sulle Prestazioni

Tutti i suggerimenti di WPT sono consapevoli del contesto. Invece di una lista di controllo generica, WebPageTest utilizza il suo motore “Opportunità” e “Esperimenti”.

Invece di suggerire “Ritarda JavaScript”, identifica i pacchetti specifici che bloccano il thread principale e ti suggerisce di eseguire un test senza di essi.

Ancora più impressionante è la funzionalità “Esperimenti No-Code”. Questo ti permette di “testare” una correzione senza modificare effettivamente il tuo codice. Riscriverà l’HTML al volo e ti fornirà un risultato. Questo risparmia ore di tempo di sviluppo. Puoi dimostrare che una correzione funziona prima di chiedere al tuo sviluppatore di implementarla.

✏️Nota: Questa è una funzionalità a pagamento, quindi potresti dover valutare se i costi sono giustificati per il tuo caso d’uso.

Luoghi e Dispositivi di Test

Questa è la funzionalità decisiva. La maggior parte degli strumenti gratuiti semplicemente non può permettersi di offrire molteplici località di test e dispositivi. WPT può. Apri il modulo delle località e vedrai tutte le città e i paesi disponibili.

Per completare il tutto, l’azienda offre anche ISP e Node se vuoi testare su reti specifiche. Oltre a ciò, WPT emula centinaia di dispositivi e versioni di browser (e gestisce anche alcuni dispositivi reali), per eseguire i tuoi test.

Se il tuo pubblico è di Londra e la maggior parte degli utenti possiede un iPhone 14, puoi creare questa specifica combinazione per eseguire i tuoi test e ottenere i risultati più accurati.

Funzionalità Avanzate in WebPageTest.org

Ci sono due funzionalità che distinguono WPT per gli sviluppatori: “Scripting” e la visualizzazione “Filmstrip”.

Lo scripting è una funzionalità avanzata che ti permette di automatizzare compiti complessi. Ad esempio, puoi scrivere uno script breve per dire al browser di accedere al tuo sito prima di iniziare il test. Questo ti consente di misurare la velocità della tua dashboard dei membri o della pagina di checkout.

La maggior parte degli strumenti gratuiti ti permette di testare solo pagine pubbliche che non richiedono una password. Questa capacità rende la piattaforma uno strumento diagnostico potente per le applicazioni web.

La vista a Striscia di pellicola è un’altra funzione avanzata che cattura uno screenshot del tuo sito ogni 0,1 a 0,5 secondi durante il caricamento. Puoi scorrere tra queste immagini, fotogramma per fotogramma, per vedere esattamente ciò che un visitatore vede nel proprio browser.

Questa funzionalità ti aiuta a individuare problemi visivi, come il cambio di dimensione dei caratteri o immagini che compaiono in ritardo, che potrebbero non essere visibili nel codice. Puoi anche utilizzare la modalità di confronto per guardare due test diversi affiancati. Questo è utile quando vuoi vedere se una modifica che hai fatto ha effettivamente migliorato la velocità.

Il Bonus “Verde” Con Il Controllo Del Carbonio

WPT ha introdotto una funzionalità che affronta l’impatto ambientale della nostra infrastruttura digitale chiamata Controllo del Carbonio.

Utilizza la libreria CO2.js della Green Web Foundation per stimare le emissioni di carbonio generate dal caricamento di una singola pagina.

Il calcolo si basa su due fattori principali per determinare il tuo punteggio.

• Dimensione del trasferimento dati: La quantità totale di dati (in kilobyte o megabyte) che deve viaggiare dal server al dispositivo dell’utente. Le pagine più pesanti richiedono più elettricità per essere trasmesse ed elaborate.
• Stato dell’hosting ecologico: Se il data center che ospita il sito web funziona con fonti di energia rinnovabile (come il vento o il solare) o con combustibili fossili.

Questo aggiunge una dimensione preziosa alle tue verifiche delle prestazioni. Puoi dimostrare a un cliente che ottimizzare il loro codice fa più che migliorare il loro posizionamento su Google. Riduce misurabilmente gli sprechi fisici che la loro azienda produce e li aiuta a raggiungere i propri obiettivi di sostenibilità.

Quali Sono i Limiti di WebPageTest?

WebPageTest non è perfetto. Infatti, ci saranno giorni in cui lo odierai.

• Le code: Poiché utilizza dispositivi reali ed è una risorsa pubblica, devi aspettare in fila. Se esegui un test durante le ore di punta, potresti vedere “Posizione 100”. Potresti aspettare 10 o 20 minuti per l’esecuzione di un singolo test. GTmetrix (nei vecchi tempi) era istantaneo. WPT… diciamo solo che ti insegna la pazienza.
• Nessun “Monitoraggio” sul livello gratuito: Non puoi impostare WPT per testare automaticamente il tuo sito ogni mattina e inviarti i risultati a meno che tu non paghi per l’API o un piano Pro. È uno strumento diagnostico, non un sistema di monitoraggio. Se vuoi grafici giornalieri, devi eseguire i test manualmente.
• Complessità visiva: Non puoi inviare un link di WebPageTest a un cliente non tecnico e aspettarti che lo capisca. Sembra rotto agli occhi di chi non è esperto. Avrai sempre bisogno di interpretare i dati per loro, mentre altri strumenti producono rapporti in PDF abbastanza belli da essere fatturati.

La Curva Di Apprendimento È Troppo Ripida Per I Principianti?

Dobbiamo essere onesti: WebPageTest è complicato.

Quando atterri per la prima volta sulla homepage, ci sono menu a discesa ovunque. La pagina dei risultati è un muro di numeri. Non c’è una mascotte sorridente che ti dice “Ottimo lavoro!”

Come iniziare senza sentirsi sopraffatti:

1. Ignora le “Impostazioni Avanzate” inizialmente: Scegli solo la tua posizione e il browser (Chrome va bene).
2. Concentrati sul Riepilogo dei “Web Vitals”: La parte superiore della pagina dei risultati ha una vista rosso/verde/giallo simile a quella a cui sei abituato. Inizia da lì.
3. Utilizza la scheda “Analisi delle Immagini”: È visiva e facile da comprendere. Mostra esattamente quali immagini sono troppo grandi e quanto spazio puoi risparmiare. Se vedi file enormi qui, sai che devi ottimizzare immediatamente le immagini per il web.

Per un proprietario di una piccola o media impresa non tecnico, lo strumento potrebbe essere eccessivo. Ma per chi gestisce un sito professionalmente, la curva di apprendimento ne vale la pena. Stai scambiando la semplicità per l’accuratezza.

Come Integrare WebPageTest Nel Tuo Flusso Di Lavoro

Dobbiamo essere realistici su come questo si inserisce in una giornata impegnativa. Non puoi aspettare 20 minuti per un risultato del test ogni volta che salvi un file CSS. Non è davvero un modo efficiente di lavorare. Il modo più efficace per utilizzare WebPageTest è come uno strumento diagnostico specializzato piuttosto che come un monitor quotidiano.

Inizia la tua routine con uno strumento veloce come PageSpeed Insights o la scheda Lighthouse nei tuoi strumenti per sviluppatori del browser. Queste piattaforme ti danno un voto immediato di passaggio o fallimento. Quando quel voto cala, o vedi un avviso rosso che non sai spiegare, è il momento di aprire WebPageTest.

Anche con il rapporto completo, resiste alla tentazione di correggere ogni singolo avviso. Guarda il grafico a cascata e trova la barra più lunga. Potrebbe essere un’immagine grande, uno script di terze parti lento, o forse addirittura il tuo server.

La maggior parte delle volte, risolvere solo quella barra potrebbe essere sufficiente per risolvere i tuoi problemi. Potresti anche scoprire che semplicemente convertendo i file in formati di immagine moderni risolvi metà del problema.

Dovresti Usare WebPageTest?

Non possiamo avere “uno strumento per tutto” ora poiché il web è così complicato. Invece, devi scegliere gli strumenti che hanno più senso per i tuoi flussi di lavoro quotidiani.

In caso di WebPageTest:

• Gli Sviluppatori Dovrebbero Passare A Questo: La capacità di scrivere script per i flussi di accesso, testare su hardware mobile reale e visualizzare viste dettagliate delle connessioni gratuitamente lo rende professionalmente superiore. È l’unico strumento gratuito che ti fornisce i dati necessari per risolvere realmente i problemi, non solo per identificarli.
• I Proprietari di PMI Possono Usare WebPageTest Per Il Loro Controllo Trimestrale “Health Check”: Ma non ossessionarti ogni giorno. Esegui un test, guarda i Core Web Vitals e invia il link al tuo sviluppatore se le cose sembrano critiche. 

Quando L’Ottimizzazione Non Basta

L’ottimizzazione è in ultima analisi una lotta contro la latenza — potresti passare settimane a ridurre di millisecondi i tuoi script, ma c’è solo una soluzione a un problema hardware — passare a hardware migliore.

Un Server Privato Virtuale (VPS) fornisce la potenza dedicata necessaria per trasformare il tuo design ottimizzato in un’esperienza veloce e reattiva. WebPageTest dimostra il suo valore identificando esattamente quando la tua infrastruttura ti sta frenando. Separa i problemi che puoi risolvere con un editor di testo da quelli che richiedono una migliore infrastruttura.

Questo, onestamente, è l’unico modo per smettere di inseguire righe casuali nel tuo codice e dare al tuo sito il motore che merita.

Domande Frequenti

WebPageTest.org è affidabile?

Sì, WebPageTest è considerato uno degli strumenti di performance più affidabili perché utilizza veri browser su hardware consumer reale anziché simulazioni. A differenza di alcuni strumenti che stimano la performance basandosi sull’analisi del codice, WebPageTest registra esattamente cosa succede quando un vero browser Chrome, Firefox o Safari carica il tuo sito tramite una vera connessione di rete.

Qual è la differenza tra WebPageTest e PageSpeed Insights?

PageSpeed Insights è principalmente uno strumento di reportistica che ti fornisce un punteggio “Passa/Non Passa” basato sui dati di campo dei Core Web Vitals di Google (CrUX) e un rapido test di laboratorio. WebPageTest è uno strumento diagnostico che ti offre dati tecnici approfonditi (come grafici a cascata e visualizzazioni delle connessioni) per aiutarti a spiegare perché il tuo punteggio è basso.

Qual è un buon punteggio per i Core Web Vitals?

Secondo i benchmark di Google, un punteggio “Buono” significa che il tuo Largest Contentful Paint (LCP) è inferiore a 2,5 secondi, il tuo Interaction to Next Paint (INP) è inferiore a 200 millisecondi e il tuo Cumulative Layout Shift (CLS) è inferiore a 0,1. Per passare la valutazione dei Core Web Vitals, è necessario soddisfare queste soglie per almeno il 75% dei tuoi visitatori.

Quanto spesso dovrei testare la velocità del mio sito web?

Dovresti eseguire un controllo rapido (usando PageSpeed Insights) ogni volta che pubblichi un nuovo contenuto o aggiorni plugin. Tuttavia, dovresti eseguire un test diagnostico approfondito con WebPageTest una volta al mese, o immediatamente dopo importanti cambiamenti di design o migrazioni di hosting. Questo garantisce di intercettare regressioni nascoste delle prestazioni prima che influenzino i tuoi ranking SEO.

WebPageTest è veramente gratuito?

Sì. Il piano “Starter” è gratuito e include 150 test al mese, accesso a dispositivi mobili reali e località di test globali. Offrono piani “Pro” a pagamento a partire da circa $180/anno per funzionalità come accesso API, coda prioritaria e “Esperimenti Senza Codice”, ma la versione gratuita è più che sufficiente per la maggior parte degli sviluppatori e proprietari di siti.​