Drei Kennzahlen: LCP (Laden), INP (Reaktion), CLS (Stabilität)
Gute Werte: LCP < 2,5 s, INP < 200 ms, CLS < 0,1
INP hat FID im März 2024 ersetzt
Es zählen Daten echter Nutzer, nicht nur der Test
Bei WordPress bringen Hosting, Cache und WebP den größten Gewinn
[/dwb_keytakeaways]

Was Core Web Vitals 2026 sind

Core Web Vitals sind drei Zahlen, mit denen Google bewertet, wie sich deine Seite bei einem echten Nutzer verhält. Es geht nicht um eine schöne Grafik im Test, sondern um das, was jemand spürt, der mit dem Handy bei schlechtem Empfang auf die Seite kommt.

  • LCP (Largest Contentful Paint): die Zeit, bis das größte sichtbare Element erscheint, meist das Hauptbild oder die Überschrift.
  • INP (Interaction to Next Paint): wie schnell die Seite auf Klick oder Eingabe reagiert. Diese neue Kennzahl hat im März 2024 das alte FID abgelöst.
  • CLS (Cumulative Layout Shift): ob Elemente beim Laden nicht verspringen. Jeder kennt den Moment, in dem man einen Button klicken will und plötzlich die Werbung trifft.

Google-Grenzwerte 2026

KennzahlGutVerbesserungsbedarfSchlecht
LCPbis 2,5 s2,5 - 4 süber 4 s
INPbis 200 ms200 - 500 msüber 500 ms
CLSbis 0,10,1 - 0,25über 0,25

Warum das den Umsatz beeinflusst

Google hat bestätigt, dass Core Web Vitals ein Rankingfaktor sind. Wichtiger ist aber etwas anderes: Eine langsame Seite verliert Kunden, bevor sie überhaupt das Angebot sehen. Aus meinen Projekten sehe ich einen klaren Zusammenhang. Ein LCP von 5 auf 2 Sekunden zu senken kann die Zahl der Anfragen über das Formular deutlich erhöhen, weil Besucher nicht mehr abspringen.

Im Shop ist der Effekt noch stärker. Jede Sekunde Verzögerung auf der Produktseite bedeutet abgebrochene Warenkörbe. Deshalb behandle ich Core Web Vitals als Investition in den Umsatz, nicht als Kosmetik für Google.

Bevor du etwas verbesserst, miss den Ist-Zustand und halte ihn fest. Ohne den Wert "vorher" kannst du nicht beweisen, dass "nachher" besser ist, und der Kunde sieht gern konkrete Zahlen.

So misst du richtig

Hier machen die meisten denselben Fehler: Sie schauen nur auf den PageSpeed-Wert und freuen sich über die grüne Zahl. Das ist aber ein Laborwert auf einer Verbindung. Google bewertet die Seite anhand von Felddaten, also dem Verhalten echter Nutzer aus dem CrUX-Bericht.

  1. Google Search Console, Bereich Core Web Vitals: das sind deine echten Daten der letzten 28 Tage. Damit fängst du an.
  2. PageSpeed Insights: gut zur Diagnose einer einzelnen Seite, zeigt, was das Laden bremst.
  3. Entwicklertools im Browser: der Reiter Performance, um zu sehen, welches Skript die Reaktion blockiert.

LCP: das Laden beschleunigen

LCP ist oft am leichtesten zu verbessern, weil es von wenigen konkreten Dingen abhängt.

  • Hosting: ein Server mit LiteSpeed, SSD und PHP 8.3 antwortet schneller als ein billiges Shared-Hosting auf veraltetem PHP.
  • Seiten-Cache: fertiges HTML statt Generierung bei jedem Aufruf. Bei WordPress nutze ich LiteSpeed Cache.
  • Bilder: WebP-Format, Komprimierung und feste Größe. Das Hauptbild lädst du am besten mit Priorität (preload).
  • Schriften: lokal einbinden und font-display swap setzen, damit der Text sofort sichtbar ist.

INP: die Reaktion auf Klicks verbessern

INP leidet vor allem unter zu viel JavaScript, meist aus externen Skripten. Chat, Karte, Werbe-Pixel und Seitenbaukästen belegen den Hauptthread des Browsers so lange, dass der Klick verzögert reagiert.

  • Lade Skripte verzögert, die nicht sofort nötig sind (Chat, Karten, Bewertungs-Widgets).
  • Reduziere die Zahl der Plugins, die auf jeder Seite eigenes JavaScript laden.
  • Steht die Seite auf einem schweren Baukasten, lohnt ein leichtes, für das Projekt geschriebenes Theme.

Der häufigste INP-Killer in Shops ist ein Übermaß externer Marketing-Skripte über den Tag-Manager. Prüfe, ob jedes wirklich Geld bringt, bevor es den ganzen Shop ausbremst.

CLS: Layout-Sprünge stoppen

CLS lässt sich einfacher beheben als gedacht, denn die Ursachen sind fast immer dieselben.

  • Gib für jedes Bild width und height an, damit der Browser den Platz reserviert.
  • Reserviere Raum für Banner, Werbung und eingebettete Elemente, bevor sie laden.
  • Setze font-display swap und wähle eine ähnlich breite Ersatzschrift, damit der Text beim Wechsel nicht springt.

WordPress und WooCommerce: womit du anfängst

Bei WordPress sieht die Reihenfolge, die am meisten für den geringsten Aufwand bringt, so aus:

Reparaturplan Schritt für Schritt

  • Prüfe die Daten in der Search Console und den PageSpeed-Wert für Startseite, Produkt und Beitrag
  • Wechsle zu einem Hosting mit LiteSpeed, SSD und PHP 8.3, wenn der Server langsam ist
  • Richte LiteSpeed Cache und die grundlegenden Cache-Regeln ein
  • Konvertiere Bilder zu WebP und ergänze fehlende Größenangaben
  • Lade unnötige externe Skripte verzögert und prüfe die Plugin-Liste
  • Miss das Ergebnis erneut und vergleiche mit dem Ausgangswert

Diese Schritte bringen die meisten Seiten ohne kompletten Neuaufbau auf grüne Werte. Sitzt das Problem tiefer, in einem unoptimierten Theme oder einem Plugin, das hunderte Datenbankabfragen erzeugt, braucht es ein Audit und gezielte Eingriffe im Code.

Häufige Fragen

Beeinflussen Core Web Vitals das Google-Ranking wirklich?

Ja, sie sind seit 2021 ein Rankingfaktor. Inhalt und Backlinks wiegen schwerer, aber bei ähnlich starken Seiten geben die Vitals den Ausschlag. Zusätzlich senkt eine langsame Seite die Conversion, der Aufwand lohnt sich also doppelt.

Was ist der Unterschied zwischen INP und dem alten FID?

FID hat nur die Verzögerung der ersten Interaktion gemessen. INP betrachtet alle Klicks und Eingaben während des gesamten Besuchs und nimmt den schlechtesten Fall. Es lässt sich schwerer schönrechnen und spiegelt besser, was der Nutzer spürt.

PageSpeed zeigt 95, aber die Search Console meldet eine langsame Seite. Warum?

PageSpeed berechnet einen Laborwert auf einer schnellen Verbindung. Die Search Console zeigt Daten echter Nutzer (CrUX) mit unterschiedlichen Handys und Netzen. Vertraue immer den Felddaten, denn sie bestimmen die Bewertung.

Was kostet es, einen WooCommerce-Shop auf grüne Werte zu bringen?

Meist zwischen 250 und 700 Euro, je nach Ausgangslage. Manchmal reichen ein Hosting-Wechsel und die Cache-Konfiguration, manchmal müssen Theme und schwere Plugins überarbeitet werden. Ich starte immer mit einem Audit, damit du nicht für unnötige Arbeit zahlst.

Reicht ein Cache-Plugin aus?

Es hilft, löst das Problem aber nicht allein. Cache beschleunigt den Server, behebt jedoch keine unoptimierten Bilder, kein schweres JavaScript externer Skripte und keine Layout-Sprünge. Cache ist einer von fünf Bausteinen, kein Zaubermittel.