Google bewertet jede Seite anhand von drei Nutzererlebnis-Metriken, den Core Web Vitals: wie schnell der Hauptinhalt erscheint, wie schnell die Seite auf Tippen oder Eingaben reagiert und ob beim Laden etwas springt. Sie beeinflussen Rankings — und noch wichtiger: ob Besucher bleiben.
Sie müssen dafür kein Ingenieur werden. Sie müssen wissen, was die drei Zahlen bedeuten, wo Sie sie ablesen und welche Maßnahmen ihr Geld wert sind. Genau das ist dieser Leitfaden.
LCP — Largest Contentful Paint
LCP misst, wie lange das größte sichtbare Element — meist ein Hero-Bild oder eine Überschrift — zum Erscheinen braucht. Gut sind 2,5 Sekunden oder weniger auf Mobil. Es ist die Metrik, die Besucher am direktesten spüren: Ein langsamer LCP ist „diese Seite ist langsam“.
Typische Ursachen: überdimensionierte Hero-Bilder, langsames Hosting, renderblockierende Skripte und Schriften, die vor dem Inhalt laden. Typische Maßnahmen: Bilder komprimieren und skalieren, moderne Formate, Hero-Bild vorladen, CDN nutzen, nicht kritische Skripte verzögern.
INP — Interaction to Next Paint
INP hat im März 2024 First Input Delay ersetzt. Es misst, wie schnell die Seite während des gesamten Besuchs auf Interaktionen reagiert — Menü antippen, Filter öffnen, in ein Formular tippen. Gut sind 200 Millisekunden oder weniger.
INP leidet, wenn der Browser mit JavaScript beschäftigt ist: schwere Tracker, Chat-Widgets, Slider und Page-Builder, die weit mehr Code liefern, als die Seite braucht. Die Lösung heißt weniger Arbeit im Hauptthread — ungenutzte Skripte entfernen, Widgets bei Bedarf laden, Interaktionen vereinfachen.
CLS — Cumulative Layout Shift
CLS misst visuelle Stabilität: Inhalte, die springen, weil Bilder, Anzeigen oder Banner nachladen und alles nach unten schieben. Gut ist 0,1 oder weniger. Es ist der Grund, warum Menschen bei langsamer Verbindung den falschen Button treffen.
Maßnahmen: jedem Bild und Embed feste Maße geben, Platz für Banner und Cookie-Leisten reservieren, Webfonts ohne Flackern laden und keine Inhalte oberhalb dessen einfügen, was der Nutzer gerade liest.
Wo Sie Ihre Werte ablesen
Der Core-Web-Vitals-Bericht der Search Console zeigt anhand echter Besucher (Felddaten), welche Seiten durchfallen. PageSpeed Insights zeigt Felddaten und einen Labortest für eine einzelne URL mit konkreten Empfehlungen. Felddaten sind das, was Google verwendet; Labortests helfen bei der Diagnose.
Prüfen Sie zuerst Mobil — dort sind die meisten Besucher und die schlechtesten Werte. Eine Website, die am Desktop grün und mobil rot ist, ist rot.
Was sich in welcher Reihenfolge lohnt
Beginnen Sie mit Bildern, denn sie verursachen meist LCP- und CLS-Probleme zugleich. Dann Skripte entfernen oder verzögern, die Sie nicht brauchen — jedes Drittanbieter-Widget ist eine Steuer auf INP. Dann Hosting und Caching. Erst danach Schriften und CSS feinjustieren.
Ist die Plattform selbst das Problem — ein schweres Theme, ein Page-Builder oder ein alterndes CMS — hat Optimierung eine Decke. An diesem Punkt ist ein Neubau auf schlankem Fundament günstiger als eine weitere Runde Flickwerk; unsere Relaunch-Checkliste zeigt, wie das ohne Ranking-Verlust geht.
Das Wichtigste
- LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 auf Mobil ist das Ziel; Felddaten in der Search Console entscheiden.
- Bilder verbessern zwei Metriken auf einmal; Drittanbieter-Skripte sind der übliche INP-Schuldige.
- Für alles, was spät lädt, Platz reservieren, um Layout-Sprünge zu vermeiden.
- Schwere Plattformen haben eine Optimierungsdecke — manchmal ist ein schlankerer Neubau die Lösung.
Leistungen:Webdesign & Entwicklung →
