Drei Messwerte stehen dafür, wie sich eine Seite anfühlt. Sie zu verstehen lohnt sich, weil jeder eine andere Ursache und eine andere Abhilfe hat — und weil ein guter Wert auf einem Laptop fast nichts über ein Telefon im Mobilfunknetz aussagt.
LCP — wann das Wichtigste erscheint
Die Zeit, bis das größte sichtbare Element gezeichnet ist: meist das Hero-Bild oder die Überschrift. Ziel: unter 2,5 Sekunden.
- Laden Sie es nicht verzögert — siehe Lazy Loading, ohne das Layout zu zerlegen.
- Liefern Sie es in einem modernen Format und in der Größe aus, in der es angezeigt wird.
- Drücken Sie das erste Byte vom Server — siehe Was TTFB ist.
INP — ob sie antwortet
Wie lange die Seite braucht, um nach einem Tippen oder Klicken sichtbar zu reagieren. Ziel: unter 200 ms. Fast immer belegt JavaScript den Haupt-Thread: ein großes Bundle beim Parsen, ein Tag von Dritten, ein Analyseskript, das bei jedem Scrollen arbeitet.
CLS — ob sie springt
Wie stark sich das Layout nach dem Zeichnen verschiebt. Ziel: unter 0,1. Die Ursachenliste ist kurz: Bilder ohne Maßangaben, Werbung und Einbettungen ohne reservierten Platz, und eine Webschrift, die in anderer Größe einspringt.
Messen Sie an einer echten Seite
npx unlighthouse --site https://yourdomain.com # every page
# or one page, in Chrome: DevTools > Lighthouse > MobileLabor und Feld sind zweierlei
Lighthouse ist eine Simulation auf Ihrem Rechner. Was Suchmaschinen verwenden, ist das, was echte Besucher im letzten Monat erlebt haben — alte Telefone und schlechte Verbindungen eingeschlossen. Ein perfekter Laborwert bei schlechten Felddaten heißt: Ihre Besucher sitzen nicht an Ihrer Hardware.