Google misst Core Web Vitals bei echten Nutzern und nutzt sie als Ranking-Signal. Wer hier schwach ist, verliert Plätze – egal wie gut der Inhalt ist. Hier die konkreten Hebel pro Metrik.
LCP (Largest Contentful Paint) – Ziel: unter 2,5 Sekunden
LCP misst, wie schnell das größte sichtbare Element geladen ist. Meist ist das ein Hero-Bild oder ein großer Textblock.
- Hero-Bild als priorisiertes Asset laden (fetchpriority="high", preload).
- Bilder als WebP/AVIF statt JPG/PNG, korrekt dimensioniert für die Anzeige.
- Server-Antwortzeit (TTFB) optimieren – schnelles Hosting, Caching, CDN bei internationalen Besuchern.
- Schriften lokal hosten, nicht von Google Fonts remote laden.
- Render-blockierendes JavaScript und CSS minimieren.
- Critical CSS inlinen, restliches CSS asynchron nachladen.
INP (Interaction to Next Paint) – Ziel: unter 200 ms
INP ersetzt seit März 2024 die alte FID-Metrik. Misst, wie schnell die Seite auf Klicks und Eingaben reagiert.
- JavaScript reduzieren, vor allem Drittanbieter-Skripte (Tracker, Chat-Widgets).
- Lange Tasks aufteilen (kleinere setTimeout-Blöcke statt Monoblöcke).
- Event-Handler effizient halten – keine teuren Berechnungen direkt im Click-Handler.
- Bei React/Vue/Svelte: Re-Renders kontrollieren, useMemo/useCallback gezielt einsetzen.
- Web Workers für rechenintensive Aufgaben nutzen.
CLS (Cumulative Layout Shift) – Ziel: unter 0,1
CLS misst, wie viel sich das Layout während des Ladens verschiebt – nervig für Nutzer (Klick auf falschen Link, weil Button verspringt).
- Bilder mit width/height-Attributen versehen, damit Platz reserviert ist.
- Schriften mit font-display:optional oder Pre-Loading, um FOIT/FOUT zu reduzieren.
- Werbung und eingebettete Inhalte mit fester Größe einbetten.
- Pop-ups erst nach Nutzerinteraktion einblenden, nicht beim Laden.
- Skelett-Loader statt nachträglich eingefügter Inhalte.
Wo messen?
- PageSpeed Insights: zeigt Core Web Vitals und konkrete Empfehlungen.
- Google Search Console: Core Web Vitals Report mit echten Field-Daten.
- Chrome DevTools Performance: tiefes Tracing während der Entwicklung.
- Web Vitals JavaScript Library: Live-Messung in eigener Anwendung.
Realistische Erwartung
Eine bestehende Website von "mittel" auf "gut" bei allen drei Metriken zu bringen, ist meist mit 2-4 Tagen Optimierungsarbeit erreichbar. Eine Neuentwicklung mit Core Web Vitals als Designziel kommt von Anfang an in den grünen Bereich.