WebPageTest

Definition: WebPageTest (webpagetest.org) ist ein kostenloses Open-Source-Tool zur umfassenden Performance-Analyse von Webseiten unter realen Netzwerk- und Gerätebedingungen. Im Gegensatz zu Google Lighthouse (lokale Simulation) führt WebPageTest echte Browser-Tests von weltweit verteilten Test-Servern aus – mit konfigurierbaren Netzwerkbedingungen (3G, 4G, Kabel, FIOS), echten Geräte-Profilen und mehrfachen Testläufen für statistisch valide Medianwerte. Die Kernfunktionen: detailliertes Wasserfall-Diagramm aller Ressourcenanfragen, Filmstreifen-Ansicht (visueller Ladefortschritt), Core Web Vitals (LCP/CLS/INP), Time to First Byte (TTFB), Speed Index und First Contentful Paint. WebPageTest wurde ursprünglich von Patrick Meenan bei AOL entwickelt, ist Open-Source und wird heute von Catchpoint betrieben. Für Marketing-Teams relevant als Diagnosetool für Performance-Probleme die direkten Einfluss auf Conversion Rates und Google-Rankings haben.

Erläuterung

WebPageTest und Google Lighthouse/PageSpeed Insights ergänzen sich: Lighthouse ist das «Erste-Hilfe-Screening» (schnell, überall ausführbar, Score mit Empfehlungen), WebPageTest das «Röntgenbild» für tiefes Debugging (reale Netzwerkbedingungen, Wasserfall-Analyse, Vergleichstests). Wenn Lighthouse ein Problem identifiziert (z. B. render-blockierende Ressourcen), zeigt WebPageTest genau welche Datei zu welchem Zeitpunkt warum lädt – mit Millisekunden-Genauigkeit.

Kernfunktionen und Metriken

Wasserfall-Diagramm: Horizontale Balken für jede Ressourcenanfrage (HTML, CSS, JS, Bilder, Fonts); Farben: DNS (dunkelgrün), Verbindungsaufbau (orange), SSL/TLS (lila), TTFB (grün), Content-Download (blau); Blocking-Ressourcen erkennbar am langen Balken vor First Paint; Hover: detaillierte Timing-Informationen (DNS, Connect, Send, Wait, Receive); kritischer Pfad visuell identifizierbar
Filmstreifen-Ansicht: Screenshots der Seite alle 0,5 Sekunden während des Ladens; zeigt exakt wann welche Inhalte für den Nutzer sichtbar werden; Speed Index: Integral der visuellen Vollständigkeit über Zeit (niedrig = besser); Perceptual Speed Index: wahrnehmungsbasierte Variante; Vorher-Nachher-Vergleich: zwei Test-URLs nebeneinander im Filmstreifen
Core Web Vitals: Largest Contentful Paint (LCP): welches Element ist das LCP-Element? Zeitpunkt markiert im Wasserfall; Cumulative Layout Shift (CLS): welche Elemente verschieben sich wann?; Interaction to Next Paint (INP, seit 2024 CWV): seit 2024 offizieller Core Web Vital; Total Blocking Time (TBT): Proxy für INP im Labor-Test
TTFB und Server-Performance: Time to First Byte: Zeit bis erste Byte der Server-Antwort; TTFB > 800 ms: Lighthouse-Warnung; WebPageTest: TTFB von verschiedenen geografischen Standorten (CDN-Effizienz testen); Connection View: DNS/TCP/TLS-Overhead separat; Cache-Verhalten: Repeat-View vs. First View vergleicht cached vs. uncached

Test-Konfiguration

Standorte und Browser: 40+ Teststandorte weltweit (Virginia, Frankfurt, Tokio, Sydney, São Paulo u. v. m.); Chrome, Firefox als Testbrowser; Motorola G (Mid-Range-Android) als reales Gerät-Profil; Throttling: DSL (5 Mbit/s, 28 ms RTT), 3G (1,6 Mbit/s, 300 ms RTT), LTE (12 Mbit/s, 70 ms RTT); Standortauswahl: primäre Nutzer-Regionen testen
Erweiterte Einstellungen: Multiple Runs: 3–9 Läufe für Median-Berechnung (reduziert Metriken-Varianz); First View vs. Repeat View: zeigt Cache-Effizienz; Block-Funktion: einzelne Domains blockieren (z. B. GTM blockieren um JS-Impact zu messen); Custom Headers; Authentication; Video-Capture für Filmstreifen
Custom Scripting: Playwright-ähnliche Skripting-Sprache für mehrstufige Flows; navigate(url); click(selektor); setValue(input, wert); für Tests nach Login, Checkout-Flows, Formularen; Scripting-API für programmatische Teststeuerung; sinnvoll für E-Commerce-Performance-Tests kritischer Conversion-Flows

Vergleich mit anderen Tools

vs. Google Lighthouse: Lighthouse: lokale Simulation im Browser; WebPageTest: echter Remote-Test; Lighthouse: Score + konkrete Empfehlungen; WebPageTest: Wasserfall + Filmstreifen für Debugging; Lighthouse: schnell (30 Sekunden); WebPageTest: 1–3 Minuten pro Test; Verwendung: Lighthouse für Development-Feedback, WebPageTest für tiefes Debugging
vs. Google PageSpeed Insights: PageSpeed Insights: Lighthouse-basiert + Field Data aus Chrome User Experience Report (CrUX); WebPageTest: nur Lab-Daten aber detaillierter; CrUX-Daten (echte Nutzer, 28-Tage-Median): PageSpeed Insights zeigt real-world CWV; WebPageTest: kein CrUX-Zugriff; Kombination: PageSpeed Insights für Ist-Zustand, WebPageTest für Diagnose
vs. GTmetrix: GTmetrix: ähnliche Funktionen wie WebPageTest; einfacheres UI; kostenpflichtige Premium-Features; WebPageTest: mehr Standorte, detaillierteres Wasserfall, API-Zugang, Open Source; GTmetrix: empfehlenswert für Einsteiger; WebPageTest: für Performance-Experten

API und Workflow-Integration

WebPageTest API: Kostenloser API-Key: 200 Tests/Tag; POST an https://www.webpagetest.org/runtest.php; JSON-Ergebnisse abrufbar; Integration in CI/CD-Pipelines: Performance-Budgets überwachen; Budget-Verletzung: Build fehlschlagen lassen; budget.json: LCP max 2500 ms, TBT max 300 ms
Vergleichstests: URL-Vergleich: bis zu 9 URLs gleichzeitig testen; vor/nach Optimierung vergleichen; Wettbewerber-Vergleich; Filmstreifen-Overlay: beide URLs nebeneinander; sichtbar wann welche Site mehr Inhalt zeigt; mächtiges Tool für Stakeholder-Kommunikation («unsere Site lädt X Sekunden schneller»)

Praxistipp: Nutzen Sie WebPageTest gezielt wenn Lighthouse eine schlechte Performance anzeigt aber nicht klar ist warum. Führen Sie den Test vom geografischen Standort Ihrer Hauptzielgruppe mit 3G-Throttling und 3 Läufen durch (für stabile Medianwerte). Schauen Sie zuerst auf den Wasserfall: Gibt es einen langen grünen Balken vor dem ersten Content? Das ist ein TTFB-Problem (Server, CDN). Gibt es viele parallele Balken gefolgt von Stille? Render-blockierende Ressourcen. Gibt es einen späten langen Balken für eine einzelne Datei? Third-Party-Script-Problem. Für die Zusammenarbeit mit Entwicklern: Teilen Sie den WebPageTest-Permalink (Test-Ergebnis-URL ist permanent gespeichert) – er enthält alle Daten ohne Screenshots oder PDF-Export.