Messen
Labor und Feld
Optimieren ohne Messen ist Raten. Erst die Zahlen zeigen, wo die Zeit wirklich verloren geht – und ob eine Änderung etwas gebracht hat.
Die wichtigsten Werkzeuge
| Werkzeug | Datenart | Stärke |
|---|---|---|
| Lighthouse (DevTools) | Labor | schnelles, reproduzierbares Debugging |
| PageSpeed Insights | Labor + Feld | Lighthouse plus echte CrUX-Daten |
| Chrome DevTools · Performance | Labor | Long Tasks, Main-Thread, Wasserfall |
| Search Console · Core Web Vitals | Feld | reale Bewertung über alle URLs |
| web-vitals (JS-Lib) | Feld | eigene Nutzer messen, an Analytics senden |
Labor zuerst, Feld entscheidet
Laborwerte (Lighthouse) sind für die Ursachensuche ideal: gleiche Bedingungen, wiederholbar. Felddaten (CrUX, Search Console) spiegeln echte Geräte und Netze – und genau die zählen fürs Ranking. Ein grüner Lighthouse-Score bei roten Felddaten heißt: echte Nutzer haben schwächere Hardware oder Verbindung als der Testlauf.
Mobil und gedrosselt messen
Der häufigste Messfehler: am schnellen Desktop im schnellen WLAN testen. Realistisch wird es mit:
- Mobile-Emulation und CPU-Drosselung (4×–6× langsamer)
- Netzwerk-Drosselung (z. B. „Slow 4G")
- mehreren Durchläufen – nicht ein einzelner Ausreißer
INP und CLS brauchen Interaktion
LCP zeigt sich beim Laden. INP und CLS entstehen erst durch Nutzung: klicken, tippen, scrollen. Im Labor bleiben sie oft unauffällig – hier sind Felddaten oder manuelle Interaktion im Performance-Panel Gold wert.
Ein sauberer Mess-Loop
- Basiswert aufnehmen (mobil, gedrosselt, mehrfach).
- Eine Änderung umsetzen.
- Erneut messen – hat sich der Zielwert bewegt?
- Behalten oder verwerfen, dann nächster Hebel.
Kurz: mobil und gedrosselt messen, Labor für die Ursache, Feld für die Wahrheit – und immer nur eine Sache pro Durchlauf ändern.