Cookies.

Wir nutzen Cookies von Google Analytics und Google Ads für Statistik und Anzeigenmessung. Aus, solange Sie nicht zustimmen. Datenschutz

Ratgeber · 5 Min. Lesezeit · aktualisiert am

Core Web Vitals verständlich erklärt

LCP, CLS und INP ohne Fachjargon erklärt, mit den Grenzwerten, die als gut gelten, und den üblichen Lösungen. Prüfen Sie Ihre eigene Website kostenlos.

Core Web Vitals sind drei Messwerte dafür, wie sich eine Seite für einen echten Menschen anfühlt: wie schnell der Hauptinhalt erscheint, ob Dinge herumspringen und wie schnell die Seite reagiert. Suchmaschinen nutzen sie als ein Signal unter vielen. Besucher bemerken sie jedes Mal.

Die drei Werte

MesswertWas er misstGut
LCP, Largest Contentful PaintWann das größte Element auf dem Bildschirm geladen ist2,5 Sekunden oder weniger
CLS, Cumulative Layout ShiftWie stark das Layout beim Laden springt0,1 oder weniger
INP, Interaction to Next PaintWie schnell die Seite auf ein Tippen oder einen Klick reagiert200 Millisekunden oder weniger

Labordaten und Felddaten

Ein Labor-Tool wie Lighthouse lädt die Seite einmal unter kontrollierten Bedingungen und meldet LCP und CLS. INP kann es nicht messen, weil niemand tippt; ersatzweise meldet es die Total Blocking Time. Felddaten stammen aus echten Besuchen über einen längeren Zeitraum. Beide sind nützlich. Keine davon sollte erfunden sein, deshalb zeigt unser Portal einen Strich statt einer Zahl, bis ein echter Lauf vorliegt.

Übliche Lösungen

  • Langsamer LCP: ein riesiges Titelbild. Verkleinern Sie es, liefern Sie ein modernes Format aus und laden Sie es zuerst.
  • Hoher CLS: Bilder ohne feste Abmessungen, spät ladende Schriften, Banner, die Inhalte nach unten schieben. Reservieren Sie den Platz.
  • Schlechter INP: schwere Skripte, oft von Widgets und Trackern Dritter. Entfernen Sie, was Sie nicht brauchen.

Wie wir damit umgehen

Geschwindigkeit ist einer der fünf Tests, die jedes bytyn-Projekt vor der Abnahme besteht, neben Mobilgeräten, Formularen, Links und Seitentiteln. Nach dem Start sehen Care-Kunden die Lighthouse-Läufe im Portal. Fällt Ihre aktuelle Website bei diesen Werten durch, ist Redesign genau dafür da.