Technical SEO

So verbessern Sie Core Web Vitals

14 Min. Lesezeit

Core Web Vitals sind Googles Metriken zur Messung der realen User Experience auf Ihrer Website. Sie beeinflussen direkt Ihre Suchrankings und, was noch wichtiger ist, ob Besucher bleiben oder gehen. Dieser Guide behandelt praktische, wirkungsvolle Optimierungen für jeden Vital-Wert, priorisiert nach dem Aufwand-Nutzen-Verhältnis.

learn.sections.stepByStep

Measure Your Current Core Web Vitals

Check your scores using Google Search Console's Core Web Vitals report for field data, and PageSpeed Insights for both field and lab data. Field data reflects real user experience and matters more for rankings. Note which pages fail and which metric is the primary issue.

Optimize Largest Contentful Paint (LCP)

LCP measures how long it takes for the largest visible element to load. Target under 2.5 seconds. Common fixes: optimize and properly size hero images, use modern formats like WebP or AVIF, implement server-side rendering for above-the-fold content, and reduce server response time with caching.

Improve Interaction to Next Paint (INP)

INP measures how quickly your page responds to user interactions. Target under 200 milliseconds. Reduce JavaScript execution time by breaking up long tasks, defer non-critical scripts, minimize main thread blocking, and use web workers for heavy computations.

Fix Cumulative Layout Shift (CLS)

CLS measures unexpected layout movement during page load. Target under 0.1. Always set explicit width and height on images and videos, reserve space for ads and embeds, avoid injecting content above existing content, and use CSS contain on dynamic elements.

Implement Infrastructure Improvements

Use a CDN to reduce latency for global users, enable HTTP/2 or HTTP/3 for multiplexed requests, implement effective browser caching headers, and use resource hints (preconnect, prefetch, preload) for critical assets. These foundational changes improve all three vitals.

Monitor and Maintain Performance

Set up Real User Monitoring (RUM) to track vitals continuously, not just during audits. Create performance budgets for JavaScript size and image weight. Add Core Web Vitals checks to your CI/CD pipeline to prevent regressions when deploying new code.

Messen Sie Ihre aktuellen Core Web Vitals

Überprüfen Sie Ihre Ergebnisse mithilfe des Core Web Vitals-Berichts der Google Search Console für Felddaten und PageSpeed Insights für sowohl Feld- als auch Labordaten. Felddaten spiegeln die reale User Experience wider und sind für Rankings wichtiger. Notieren Sie, welche Seiten fehlschlagen und welches Metrik das Hauptproblem darstellt.

Optimieren Sie Largest Contentful Paint (LCP)

LCP misst, wie lange das Laden des größten sichtbaren Elements dauert. Ziel: unter 2,5 Sekunden. Häufige Lösungen: Optimierung und korrekte Skalierung von Hero-Bildern, Nutzung moderner Formate wie WebP oder AVIF, Implementierung von Server-Side Rendering für Above-the-Fold-Inhalte und Reduzierung der Serverantwortzeit durch Caching.

Verbessern Sie Interaction to Next Paint (INP)

INP misst, wie schnell Ihre Seite auf Benutzerinteraktionen reagiert. Ziel: unter 200 Millisekunden. Reduzieren Sie die JavaScript-Ausführungszeit durch Aufteilen langer Aufgaben, stellen Sie nicht kritische Skripte zurück, minimieren Sie die Blockierung des Haupt-Threads und nutzen Sie Web Worker für rechenintensive Aufgaben.

Beheben Sie Cumulative Layout Shift (CLS)

CLS misst unerwartete Layout-Verschiebungen während des Ladens der Seite. Ziel: unter 0,1. Legen Sie immer explizite Breiten- und Höhenangaben für Bilder und Videos fest, reservieren Sie Platz für Anzeigen und Embeds, vermeiden Sie das nachträgliche Einfügen von Inhalten über bestehende Elemente und verwenden Sie CSS Containment für dynamische Elemente.

Implementieren Sie Infrastruktur-Verbesserungen

Verwenden Sie ein CDN, um die Latenz für globale Nutzer zu reduzieren, aktivieren Sie HTTP/2 oder HTTP/3 für parallele Anfragen, implementieren Sie effektive Browser-Caching-Header und nutzen Sie Ressourcen-Hinweise (preconnect, prefetch, preload) für kritische Assets. Diese grundlegenden Änderungen verbessern alle drei Vitals.

Performance überwachen und beibehalten

Richten Sie Real User Monitoring (RUM) ein, um Vitals kontinuierlich zu verfolgen, nicht nur während Audits. Erstellen Sie Performance-Budgets für JavaScript-Größe und Bildgewicht. Fügen Sie Core Web Vitals-Checks zu Ihrer CI/CD-Pipeline hinzu, um Regressionen beim Deployment von neuem Code zu verhindern.

Profi-Tipps

Focus on the 75th percentile, not the average. Google evaluates Core Web Vitals at the 75th percentile of page loads -- your worst-performing 25% of sessions determines your score.
Test on real devices, not just developer tools. Chrome DevTools simulates slower devices, but real mobile devices often perform differently due to memory constraints and thermal throttling.
Lazy-load everything below the fold but preload everything above it. This simple rule handles most LCP and CLS issues simultaneously.
Konzentrieren Sie sich auf das 75. Perzentil, nicht auf den Durchschnitt. Google bewertet Core Web Vitals beim 75. Perzentil der Seitenladevorgänge – Ihre schlechtesten 25 % der Sitzungen bestimmen Ihr Ergebnis.
Testen Sie auf echten Geräten, nicht nur mit Entwicklertools. Chrome DevTools simuliert langsamere Geräte, aber echte Mobilgeräte verhalten sich aufgrund von Speicherbeschränkungen und thermischer Drosselung oft anders.
Lazy-loaden Sie alles unterhalb der Fold-Linie, aber preloaden Sie alles oberhalb. Diese einfache Regel behebt die meisten LCP- und CLS-Probleme gleichzeitig.

Häufige Fehler vermeiden

Optimizing lab scores instead of field data

Lab data (Lighthouse) is useful for debugging but field data (CrUX) is what Google uses for rankings. A perfect Lighthouse score doesn't help if real users on slow connections experience poor performance.

Adding lazy loading to above-the-fold images

Lazy loading delays image rendering until they're near the viewport. For your hero image or LCP element, this actually makes LCP worse. Eager-load above-the-fold content and lazy-load everything else.

Ignoring third-party scripts

Analytics tags, chat widgets, ad scripts, and social embeds often cause the worst INP and CLS issues. Audit every third-party script, load non-critical ones asynchronously, and consider removing scripts that provide little value.

Optimierung der Laborwerte statt der Felddaten

Labordaten (Lighthouse) sind nützlich für das Debugging, aber Felddaten (CrUX) verwendet Google für Rankings. Ein perfekter Lighthouse-Score hilft nicht, wenn reale Nutzer bei langsamen Verbindungen eine schlechte Performance erleben.

Lazy Loading für Above-the-Fold-Bilder

Lazy Loading verzögert das Rendern von Bildern, bis sie fast im Sichtbereich sind. Für Ihr Hero-Bild oder LCP-Element verschlechtert dies den LCP tatsächlich. Laden Sie Above-the-Fold-Inhalte sofort (Eager-load) und nutzen Sie Lazy Loading für den Rest.

Drittanbieter-Skripte ignorieren

Analytics-Tags, Chat-Widgets, Werbeskripte und Social Embeds verursachen oft die schlimmsten INP- und CLS-Probleme. Auditieren Sie jedes Drittanbieter-Skript, laden Sie nicht kritische Elemente asynchron und erwägen Sie das Entfernen von Skripten, die nur wenig Mehrwert bieten.

Wie Keyword Kick die Arbeit erleichtert

Continuous Core Web Vitals tracking with historical trends for every audited page
Specific, actionable recommendations for each failing metric with estimated impact
Automated alerts when Core Web Vitals regress after site changes
Kontinuierliches Core Web Vitals-Tracking mit historischen Trends für jede auditiert Seite
Spezifische, umsetzbare Empfehlungen für jede Kennzahl, die die Anforderungen nicht erfüllt, inklusive geschätzter Auswirkungen.
Automatisierte Benachrichtigungen, wenn sich die Core Web Vitals nach Website-Änderungen verschlechtern.

learn.sections.faq

Do Core Web Vitals directly affect rankings?

Yes, Core Web Vitals are a confirmed Google ranking factor as part of the Page Experience signals. However, they're one of many factors. Great content with poor vitals can still outrank mediocre content with perfect scores, but all else being equal, better vitals win.

What's a good LCP score?

Google considers LCP under 2.5 seconds as good, 2.5-4.0 seconds as needs improvement, and over 4.0 seconds as poor. Aim for under 2.0 seconds to give yourself a buffer, especially for mobile users on slower connections.

How quickly do Core Web Vitals improvements affect rankings?

Google's CrUX data is collected over a rolling 28-day period. After fixing performance issues, expect 4-6 weeks before the improvements are reflected in Search Console's Core Web Vitals report and begin impacting rankings.

Beeinflussen Core Web Vitals direkt die Rankings?

Ja, Core Web Vitals sind ein bestätigter Ranking-Faktor von Google als Teil der Page Experience-Signale. Sie sind jedoch nur einer von vielen Faktoren. Großartiger Inhalt mit schlechten Vitals kann dennoch besser ranken als mittelmäßiger Inhalt mit perfekten Werten, aber bei sonst gleichen Bedingungen gewinnen die besseren Vitals.

Was ist ein guter LCP-Wert?

Google betrachtet einen LCP von unter 2,5 Sekunden als gut, 2,5-4,0 Sekunden als verbesserungsbedürftig und über 4,0 Sekunden als schlecht. Streben Sie unter 2,0 Sekunden an, um einen Puffer zu haben, insbesondere für mobile Nutzer mit langsameren Verbindungen.

Wie schnell wirken sich Verbesserungen der Core Web Vitals auf das Ranking aus?

Die CrUX-Daten von Google werden über einen rollierenden Zeitraum von 28 Tagen erhoben. Nachdem Sie Leistungsprobleme behoben haben, sollten Sie 4-6 Wochen einplanen, bis sich die Verbesserungen im Core Web Vitals-Bericht der Google Search Console widerspiegeln und anfangen, das Ranking zu beeinflussen.