Web Vitals ist eine Initiative von Google, mit der einheitliche Informationen zu wichtigen Faktoren für eine optimale Nutzererfahrung im Web zur Verfügung gestellt werden.

Core Web Vitals sind drei Messwerte der Web Vitals. Erfüllt eine Website die Core Web Vitals, war es Untersuchungen zufolge 24 % weniger wahrscheinlich, dass die Nutzer die Seite verließen.

Zu den Core Web Vitals zählen:

• Ladezeit
• Interaktionen
• Visuelle Stabilität

Wenn du die Core Web Vitals verbessern möchtest, benötigst du zuerst relevante Daten.

• PageSpeed Insights misst und meldet die Nutzerfreundlichkeit einer Seite auf Mobil- und Desktop-Geräten und macht Verbesserungsvorschläge.
  
  
• Die Search Console prüft, ob deine Seiten die Core Web Vitals erfüllen. Dazu wird berücksichtigt, wie Besucher die Website nutzen.
  
  
• Die Chrome-Erweiterung für Web Vitals misst die Core Web Vitals-Leistung für jede Seite in Echtzeit und ist am besten für Entwickler geeignet.

💡Tipp: Gib die Vorschläge aus diesen Tools an deinen Entwickler weiter.

Kurze Ladezeiten vermitteln Nutzern das Gefühl, dass die Seite nützlich ist.

• 50 % der Nutzer verlassen eine Website, wenn der Ladevorgang länger als drei Sekunden dauert.
• 47 % erwarten, dass das Laden von Webseiten weniger als zwei Sekunden dauert.
• 52 % geben an, dass die Ladezeiten einen Einfluss auf ihre Markentreue haben.

Die Ladezeit wird als Largest Contentful Paint (LCP) gemessen. Dieser Wert gibt an, wie lange es dauert, bis das größte Bild oder der längste Textblock angezeigt wird.

Du erfüllst die Core Web Vitals, wenn 75 % deiner Seiten innerhalb von maximal 2,5 Sekunden geladen werden.

💡Tipps:

• Aktiviere Lazy Loading.
• Verwende Videos statt großer GIFs.
• Entferne nicht verwendeten Code.

Während bei der Ladezeit gemessen wird, wie schnell Inhalte auf der Website eingeblendet werden, wird bei den Interaktionen ermittelt, wie schnell deine Website reagiert, wenn Nutzer versuchen, einen Artikel aufzurufen oder andere Aktionen auszuführen.

Interaktionen werden als First Input Delay (FID) gemessen. Dieser Wert gibt an, wie viel Zeit zwischen dem Klick eines Nutzers auf einen Link oder eine Schaltfläche und dem Beginn des Verarbeitungsprozesses durch deine Website vergeht.

Du erfüllst die Core Web Vitals, wenn 75 % deiner Seiten innerhalb von maximal 0,1 Sekunden auf einen Klick reagieren.

💡Tipps:

• Aktiviere Lazy Loading, um den Code in kleinere Tasks zu unterteilen.
• Lade zuerst den Code, der für die Seite benötigt wird.
• Verwende weniger Code, der Daten abruft.

Kennst du das? Du beginnst, einen Artikel zu lesen, und bevor du am Satzende angekommen bist, verschiebt sich der Text und du verlierst deine Leseposition.

In den meisten Fällen ist das einfach nur lästig, aber manchmal kann es auch zu Problemen führen.

Die visuelle Stabilität wird als Cumulative Layout Shift (CLS) gemessen. Dieser Wert gibt die Gesamtsumme der Inhaltsverschiebungen in einer Sitzung an.

Du erfüllst die Core Web Vitals, wenn dieser Wert bei 75 % deiner Seiten maximal 0,1 beträgt.

💡Tipps:

• Lege das Seitenverhältnis und die Abmessungen für Bilder und Videos fest.
• Wähle die gängige Anzeigengröße und berücksichtige dabei bisher geschaltete Anzeigen.

Vermeide Anzeigen, die ganz oben auf einer Seite eingeblendet werden.