Core Web Vitals: LCP, INP und CLS diagnostizieren

Core Web Vitals beschreiben das Laden, die Interaktionsreaktivität und die visuelle Stabilität. Diagnostizieren Sie die Metrik, die für die relevanten Nutzer fehlschlägt, bevor Sie Assets ändern oder einem höheren Lighthouse-Score hinterherlaufen.

Felddaten von einem Labordurchlauf trennen

Felddaten spiegeln Besuche echter Nutzer über einen Berichtszeitraum wider. Ein Labortest ist ein kontrollierter diagnostischer Durchlauf. Gerät, Netzwerk, Caching und Interaktionen können dazu führen, dass sich ihre Ergebnisse unterscheiden. Eine Seite ohne Felddaten weist unzureichende Messungen auf; sie hat weder automatisch bestanden noch ist sie durchgefallen. Die Total Blocking Time ist eine Labordiagnose und darf nicht als INP umbenannt werden.

Eine Behebung anhand der Evidenz auswählen

Vermeiden Sie es, jede Empfehlung auf einmal anzuwenden. Eine Bildkomprimierungsänderung kann einen langsamen Event-Handler nicht erklären, und ein schneller anfänglicher Ladevorgang kann keine reaktiven Checkout-Interaktionen etablieren.

Praxisbeispiel: Ein Produktbild kommt spät an

Angenommen, eine Produktseite hat ein spätes Hero-Bild, während andere Ressourcen früh fertig werden. Bestätigen Sie, dass das Bild das LCP-Element ist. Prüfen Sie, ob es erst nach Ausführung von JavaScript entdeckt wird oder fälschlicherweise lazy geladen wird. Ändern Sie die Erkennung oder Ladepriorität, behalten Sie geeignete Bildabmessungen bei und wiederholen Sie dann denselben Laboraufbau. Beobachten Sie schließlich den relevanten Feldtrend, wenn genügend neue Besuche gesammelt wurden. Dies ist ein diagnostisches Beispiel und kein gemessenes SearchBastion-Ergebnis.

Die Testbedingungen aufzeichnen

URL, Geräteprofil, Testzeit, Release-Kennung und den beobachteten Flaschenhals speichern. Führen Sie nach der Änderung vergleichbare Tests durch und testen Sie auch Navigation, Menüs und Kaufsteuerelemente. Die Optimierung der Leistung sollte die Nutzererfahrung verbessern; eine reine Steigerung des Scores bewirkt nicht automatisch ein besseres Ranking.

Nutzen Sie den Speed Checker für eine erste Untersuchung und lesen Sie die Definitionen der Messwerte bei Web Vitals.