Die Core Web Vitals bewerten reale Nutzererlebnisse: LCP misst die Ladezeit des größten sichtbaren Elements, INP die Reaktionsfähigkeit und CLS visuelle Verschiebungen. Gute Werte sind LCP bis 2,5 Sekunden, INP bis 200 Millisekunden und CLS bis 0,1 am 75. Perzentil.
Bei den Core Web Vitals geht es nicht um einen dekorativen grünen Score. Die Messwerte beschreiben sehr konkrete Momente: Wann sehe ich den wichtigsten Inhalt, wie schnell reagiert die Seite und bleibt das Layout währenddessen ruhig?
LCP: Wie schnell erscheint der Hauptinhalt?
Ein langsamer LCP entsteht häufig durch große Hero-Bilder, blockierende CSS-Dateien, langsames Hosting oder spät geladene Webfonts. Das wichtigste sichtbare Element sollte priorisiert und stark komprimiert ausgeliefert werden.
Statt allgemein zu bleiben, sollten folgende Punkte nachvollziehbar geklärt werden: Hero-Bild korrekt dimensionieren, Serverantwort verbessern, Kritisches CSS priorisieren und Fonts lokal und effizient laden.
INP: Wie schnell reagiert die Seite?
INP betrachtet die Verzögerung nach Klicks, Taps und Tastatureingaben. Lange JavaScript-Aufgaben, schwere Widgets und unnötige Drittanbieter-Skripte sind typische Ursachen.
- JavaScript reduzieren
- Lange Tasks aufteilen
- Drittanbieter-Skripte prüfen
- Interaktionen auf echten Geräten testen
Für die Bewertung zählt nicht der schnellste Bürorechner, sondern die Erfahrung echter Besucher. Eine Seite kann im lokalen Test überzeugend wirken und auf einem durchschnittlichen Smartphone mit mobiler Verbindung trotzdem träge reagieren. Deshalb sollte jede Optimierung an einem konkreten Seitentyp geprüft werden: etwa der Startseite, einer stark besuchten Leistungsseite oder einer Kampagnen-Landingpage. Erst wenn Labor- und Felddaten gemeinsam betrachtet werden, lässt sich erkennen, ob eine technische Änderung tatsächlich bei Nutzern ankommt.
CLS: Warum springt das Layout?
Layout-Verschiebungen entstehen, wenn Bilder ohne Abmessungen, Banner, Schriften oder dynamische Inhalte nachträglich Platz beanspruchen. Reservierter Raum und stabile Komponenten verhindern diese Irritation.
Im Arbeitsalltag zeigt sich die Qualität besonders an diesen Punkten: Breite und Höhe für Medien setzen, Cookie-Banner stabil integrieren, Font-Swaps kontrollieren und Animationen ohne Layout-Shift umsetzen.
Wer die offiziellen Anforderungen prüfen möchte, findet sie bei web.dev: Web Vitals.
Labordaten und Felddaten unterscheiden
Lighthouse simuliert einen einzelnen Test. Chrome User Experience Report und Search Console zeigen aggregierte Erfahrungen realer Nutzer. Beide Perspektiven sind wichtig, beantworten aber unterschiedliche Fragen.
Als Orientierung dienen vier konkrete Kriterien: PageSpeed Insights vergleichen, Search Console beobachten, Mobil und Desktop trennen und Vorher-nachher messen.
Die richtige Reihenfolge der Optimierung
Starte mit den Seitentypen, die Traffic oder Umsatz bringen. Entferne zuerst große offensichtliche Bremsen, bevor du Mikrooptimierungen vornimmst. Performance ist ein Produktprozess, kein einmaliger Plugin-Klick.
Damit aus Theorie ein verlässlicher Prozess wird, braucht es Klarheit über diese Punkte: Wichtige Templates priorisieren, Medien und Skripte auditieren, Änderungen einzeln messen und Budgets für Performance definieren.
Gute Werte entstehen selten durch einen einzelnen Schalter. Sie sind das Ergebnis vieler sauberer Entscheidungen – vom Hosting über Bildgrößen bis zur Frage, welche Skripte auf einer Seite wirklich notwendig sind.
Eine sinnvolle Ergänzung zu diesem Thema ist WordPress Hosting in Österreich richtig auswählen.