Cos'è WebPageTest
WebPageTest è uno strumento gratuito e open source per testare la velocità di caricamento delle pagine web, sviluppato da Catchpoint. Il test gira con un browser reale (Chrome, Firefox, Edge) da una località geografica a scelta: questo è il suo principale elemento distintivo rispetto agli strumenti sintetici.
Il risultato del test è un report dettagliato: il diagramma waterfall di tutte le richieste di rete, le metrice dei Core Web Vitals, la vista filmstrip del caricamento, screenshot e una videoregistrazione. Frontend developer e specialisti SEO lo usano per diagnosticare i problemi di prestazioni.
WebPageTest permette di configurare il throttling della connessione (3G, 4G, cable), il tipo di dispositivo (desktop/mobile), il numero di run e la prima vista o la ripetizione: rende il test il più vicino possibile alle condizioni reali degli utenti.
Metriche principali di WebPageTest
- TTFB (Time to First Byte)
- Tempo dalla richiesta alla ricezione del primo byte della risposta del server. Obiettivo: < 600 ms.
- First Contentful Paint (FCP)
- Tempo fino alla comparsa del primo contenuto a schermo. Obiettivo: < 1,8 s.
- Largest Contentful Paint (LCP)
- Tempo fino al caricamento dell'elemento visibile più grande. Buono: < 2,5 s.
- Total Blocking Time (TBT)
- Tempo totale di blocco del main thread tra FCP e Time to Interactive. Correla con l'INP.
- Speed Index
- Quanto rapidamente si riempie visivamente la parte visibile della pagina. Più basso è, meglio è.
- Fully Loaded
- Tempo fino al caricamento completo della pagina, tutte le risorse incluse.
Diagramma waterfall
Il waterfall è lo strumento diagnostico principale di WebPageTest. È la timeline di tutte le richieste di rete della pagina: HTML, CSS, JS, font, immagini, chiamate API.
- Ogni riga è una richiesta. Il colore indica il tipo di risorsa
- La lunghezza della barra = tempo di caricamento. Mostra le fasi di lookup DNS, connessione TCP, TTFB e download
- Le righe parallele = il browser carica più risorse contemporaneamente
- Le risorse render-blocking appaiono come richieste che mettono in attesa il rendering della pagina
- Le linee verticali segnano le metriche chiave (FCP, LCP, Load Event)
WebPageTest vs PageSpeed Insights
| Parametro | WebPageTest | PageSpeed Insights |
|---|---|---|
| Tipo di test | Browser reale | Lighthouse (sintetico) + CrUX (campo) |
| Località | A scelta tra 40+ località | Fissa |
| Waterfall | Sì — dettagliato | No |
| Registrazione del caricamento | Sì | No |
| Core Web Vitals | Sì | Sì |
| Costo | Gratuito | Gratuito |
| API | A pagamento | Gratuita |
Come usare WebPageTest per la SEO
- Inserisci l'URL della pagina e scegli la località di test più vicina al tuo pubblico
- Imposta un throttling realistico: 4G per i test mobile, cable per il desktop
- Esegui 3-5 run per ottenere un risultato mediato
- Studia il waterfall: trova le risorse render-blocking, i bundle JS grandi, il TTFB lento
- Usa Opportunities & Experiments: consigli integrati con impatto stimato
- Salva l'URL del risultato: è permanente e utile per il confronto prima/dopo
FAQ
In che cosa WebPageTest differisce da Google PageSpeed Insights?
WebPageTest testa con un browser reale e mostra waterfall e videoregistrazione del caricamento. PageSpeed Insights esegue Lighthouse (sintetico) e mostra in più i dati reali del Chrome User Experience Report. Per diagnosticare problemi specifici, WebPageTest è più informativo.
Ogni quanto devo testare il mio sito su WebPageTest?
Dopo ogni grande cambiamento (redesign, nuovi script, migrazione di hosting). Per il monitoraggio continuo: ogni settimana, o via integrazione API/CI a ogni deploy.
WebPageTest si può usare per i test mobile?
Sì. Seleziona «Moto G (gen 4)» come dispositivo e il throttling 4G. È la configurazione standard per i test di prestazioni mobile, molto vicina alle condizioni reali degli utenti.
Che cosa sono Opportunities & Experiments in WebPageTest?
Un sistema di raccomandazioni integrato che suggerisce automaticamente ottimizzazioni con il miglioramento stimato dell'LCP. La modalità «Experiments» applica l'ottimizzazione e mostra subito il risultato, senza modificare il codice.