Wie behebe ich schlechte Core Web Vitals?

Finden Sie heraus, welche Metrik auf welchem Gerät und bei welcher Seitengruppe durchfällt; der Core-Web-Vitals-Bericht in der Search Console zeigt alle drei Werte auf Basis echter Chrome-Besuche. Beheben Sie anschließend die Ursache hinter dieser Metrik: Bei LCP ist es die Geschwindigkeit, mit der das Hauptbild oder der Haupttext geladen wird; bei INP sind es lange JavaScript-Tasks, die Reaktionen verzögern; bei CLS sind es Inhalte, die ohne reservierten Platz erscheinen. Die Felddaten decken die letzten 28 Tage ab, daher lässt sich der Erfolg einer Korrektur erst nach einem Monat beurteilen.

Schritt 1: Ermitteln, was durchfällt

1. Öffnen Sie in der Search Console den Bericht Core Web Vitals und wählen Sie Mobil oder Desktop; beide werden getrennt bewertet.
2. Öffnen Sie eines der aufgeführten Probleme, zum Beispiel ein LCP-Problem auf Mobilgeräten, um die betroffene URL-Gruppe und Beispiel-URLs zu sehen. Die gesamte Gruppe hat einen gemeinsamen Status, der sich nach der schlechtesten Metrik richtet.
3. Lassen Sie eine Beispiel-URL durch PageSpeed Insights laufen, um die Felddaten dieser Seite neben einem Labortest zu sehen, der Ihnen bei der Fehlersuche hilft.

Labortools wie Lighthouse können INP nicht messen, weil niemand mit der Seite interagiert; sie geben stattdessen die Total Blocking Time an. Für INP ist die Messung mit echten Nutzern der verlässliche Maßstab.

So beheben Sie ein langsames LCP

Der LCP-Optimierungsleitfaden von web.dev unterteilt LCP in vier Bestandteile: Serverantwortzeit, Verzögerung bis zum Start des Ladens der Hauptressource, deren Ladezeit und die Verzögerung bis zum Rendern. Beginnen Sie mit dem größten Anteil:

• Machen Sie das LCP-Bild auffindbar, indem es im initialen HTML steht, statt es per JavaScript oder CSS einzufügen, und versehen Sie es mit fetchpriority="high".
• Laden Sie das LCP-Bild niemals per Lazy Loading.
• Liefern Sie es kleiner aus: passende Abmessungen, ein modernes Format, Komprimierung und ein CDN in der Nähe der Besucher.
• Entfernen Sie renderblockierende Ressourcen: kleinere Stylesheets, keine synchronen Skripte im <head>, Server-Side-Rendering für den Hauptinhalt.
• Beschleunigen Sie die Serverantwort: Reduzieren Sie Weiterleitungen und lassen Sie Seiten am Edge cachen.

So beheben Sie einen schlechten INP

Der INP-Optimierungsleitfaden gliedert jede Interaktion in Eingabeverzögerung, Verarbeitungszeit und Darstellungsverzögerung:

• Eingabeverzögerung: Verringern Sie das JavaScript, das beim Laden der Seite ausgeführt wird, damit der Main-Thread frei ist, wenn jemand tippt.
• Verarbeitungszeit: Zerlegen Sie lange Event-Handler in kleinere Tasks und geben Sie den Main-Thread zwischendurch frei: Führen Sie zuerst die sichtbare Aktualisierung aus und verschieben Sie den Rest.
• Darstellungsverzögerung: Halten Sie das DOM klein, vermeiden Sie erzwungenes Layout durch das Lesen von Stilen direkt nach deren Änderung und nutzen Sie content-visibility für lange Seiten.

So beheben Sie einen hohen CLS

Der CLS-Optimierungsleitfaden listet die üblichen Ursachen und ihre Lösungen auf:

• Bilder und Videos ohne Abmessungen: Fügen Sie die Attribute width und height oder ein CSS-aspect-ratio hinzu.
• Anzeigen, Einbettungen und iframes: Reservieren Sie ihren Platz im Layout, bevor sie geladen werden.
• Oberhalb vorhandener Inhalte eingefügte Inhalte: Verwenden Sie einen Platzhalter in der richtigen Größe oder fügen Sie neue Inhalte unterhalb dessen ein, was der Besucher gerade liest.
• Webfonts: Laden Sie die wichtigen vorab (Preload), damit der Text nicht spät umbricht.
• Animationen: Animieren Sie transform statt Eigenschaften wie top oder left.

Seiten, die den Back/Forward-Cache des Browsers nutzen können, vermeiden außerdem Layoutverschiebungen, wenn Besucher zu ihnen zurückkehren.

Schritt 3: Die Korrektur bestätigen

Stellen Sie die Änderung bereit, öffnen Sie dann das Problem im Core-Web-Vitals-Bericht und starten Sie die Validierung. Google überwacht die Gruppe 28 Tage lang; die Validierung löst kein erneutes Crawling aus und beschleunigt nichts, sie verfolgt nur, ob das Problem behoben ist. Da die Felddaten über 28 Tage fortgeschrieben werden, verbessert sich der Bericht nur allmählich. Was die einzelnen Metriken bedeuten, erfahren Sie unter Was bedeuten LCP, INP und CLS?.

So hilft AutoPSEO

Der Core-Web-Vitals-Bericht von AutoPSEO stellt rund sechs Monate wöchentlicher Chrome UX Report-Daten für Ihre Website oder eine einzelne URL dar, getrennt nach Smartphone, Desktop oder Tablet. So sehen Sie die Woche, in der eine Korrektur gewirkt hat oder in der ein Release die Werte verschlechtert hat, ohne auf den Abschluss des nächsten 28-Tage-Fensters warten zu müssen.