- Startseite
- Ratgeber für mehr Sichtbarkeit
- Webdesign
- Core Web Vitals verständlich erklärt
Core Web Vitals verständlich erklärt
Drei Messwerte beschreiben, wie schnell eine Seite wirkt, wie flott sie reagiert und wie ruhig sie bleibt. Hier steht, was sie bedeuten und was sich meist lohnt.
Projekt anfragenDie drei Werte und ihre Grenzen
| Wert | Misst | Gut | Schlecht ab |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Wann der größte Inhalt sichtbar ist | bis 2,5 s | über 4,0 s |
| INP (Interaction to Next Paint) | Wie schnell die Seite auf Eingaben reagiert | bis 200 ms | über 500 ms |
| CLS (Cumulative Layout Shift) | Wie stark Inhalte beim Laden springen | bis 0,1 | über 0,25 |
Maßgeblich ist das 75. Perzentil echter Besuche. Das heißt: Drei von vier Besuchen sollten im grünen Bereich liegen. INP hat im März 2024 den früheren Wert FID abgelöst.
Labor und echte Nutzer
PageSpeed Insights zeigt beides. Oben stehen Felddaten echter Chrome-Nutzer, sofern deine Seite genug Besuche hat. Darunter folgt der Lighthouse-Test, also eine einzelne Simulation. Für Google zählen die Felddaten. Die Lighthouse-Punktzahl hilft bei der Fehlersuche, ist aber nicht das Ziel. Die Search Console zeigt die Felddaten gruppiert für ähnliche Seiten.
So verbesserst du LCP
Das größte Element ist meist ein Hero-Bild. Die üblichen Maßnahmen:
- Bild in passender Größe und in WebP oder AVIF ausliefern
- Das Hero-Bild nicht per
loading="lazy"verzögern, sondern früh laden - Serverantwort prüfen: Oft bremst schon das Hosting oder ein fehlender Cache
- Render-blockierendes CSS und JavaScript reduzieren
- Webfonts sparsam laden und vorladen
So verbesserst du INP
INP leidet, wenn zu viel JavaScript den Hauptthread blockiert. Die häufigsten Ursachen auf Unternehmensseiten sind nicht dein eigener Code, sondern Fremdskripte: Tag Manager, Chat-Widgets, Tracking-Pakete oder Page-Builder.
- Skripte auflisten und alles entfernen, was niemand mehr nutzt
- Schwere Widgets erst bei Klick laden
- Lange Aufgaben in kleinere Stücke aufteilen
So verbesserst du CLS
- Bildern und Videos
widthundheightgeben - Platz für Werbung, Einbettungen und Cookie-Banner reservieren
- Keine Inhalte nachträglich oben einschieben
- Schriften mit passenden Ersatzschriften laden, damit Texte nicht springen
Wie wichtig sind die Werte für das Ranking?
Google rechnet die Nutzererfahrung zu den Signalen, stellt aber auch klar, dass gute Werte allein kein Top-Ranking bedeuten. Relevanz bleibt wichtiger. Sinnvoll ist also, Seiten aus dem roten Bereich herauszuholen. Es lohnt sich aber selten, Wochen damit zu verbringen, einen bereits guten Wert noch zu verbessern. Auch für deine Besucher zählt das: Wer warten muss, geht eher.
Die Reihenfolge für deine Website
- Felddaten in der Search Console prüfen
- Die Vorlagen mit dem meisten Traffic zuerst angehen
- Bilder und Fremdskripte aufräumen, das bringt oft am meisten
- Danach erneut messen. Felddaten laufen über 28 Tage und reagieren deshalb langsam.
Wenn deine Seite von Anfang an so gebaut werden soll: Webdesign mit tob-apps. Tempo ist dabei nur ein Punkt der SEO-Checkliste.
Passende Artikel
- WebdesignWebsites und Webshops, die schnell laden, verständlich sind und von Anfang an für Suchmaschinen gebaut werden, auf Deutsch, Englisch und Spanisch.
- Was kostet eine Website?Warum Angebote für Websites so weit auseinanderliegen, welche Faktoren den Preis bestimmen und welche laufenden Kosten oft vergessen werden.
- Website-Relaunch ohne RankingverlustSo ziehst du deine Website um, ohne Sichtbarkeit zu verlieren: URL-Inventar, Weiterleitungen, Tests vor dem Start und Kontrolle in der Search Console.
Quellen
Lass uns über dein Projekt sprechen.
Erzähl kurz, worum es geht. Du bekommst eine persönliche Antwort von Tobias und danach einen festen Preis. Lieber per E-Mail? info@tob-apps.com