Die geschäftlichen Auswirkungen von Core Web Vitals

In diesem Artikel erfahren Sie, wie Core Web Vitals mit wichtigen Geschäftsmesswerten korreliert. Dazu werden Beispiele von Unternehmen untersucht, die bereits positive Auswirkungen auf ihre Nutzer und ihr Unternehmen erzielt haben.

Saurabh Rajpal

Swetha Gopalakrishnan

Haben Sie Schwierigkeiten, Ihre Stakeholder von Core Web Vitals zu überzeugen? Oder möchten Sie wissen, ob Ihr Unternehmen davon profitiert? In diesem Artikel erfahren Sie, wie Core Web Vitals mit wichtigen Geschäftsmesswerten korreliert. Dazu werden Beispiele von Unternehmen untersucht, die bereits positive Auswirkungen auf ihre Nutzer und ihr Unternehmen erzielt haben.

Sie können sich auch diesen Vortrag von der Google I/O ansehen:

Warum Core Web Vitals für Nutzer und Unternehmen wichtig ist

Verschiedene Stakeholder in einem Unternehmen können unterschiedliche Prioritäten haben. Core Web Vitals kann alle auf eine Seite bringen, da der Schwerpunkt auf der Optimierung nutzerorientierter Messwerte und dem daraus resultierenden Unternehmenswachstum liegt.

Der Weg zu guten Core Web Vitals kann von Website zu Website variieren, je nachdem, wo sie sich auf dem Weg zur Leistung befinden und wie komplex das Website-Design ist. Das reicht vom Greifen der leicht umzusetzenden Früchte über das Erzielen aussagekräftiger Ergebnisse bis hin zur Implementierung komplexer Lösungen, mit denen schwierige Probleme behoben werden können. Unabhängig von der aufgewendeten Zeit sollten Entscheidungsträger dies als langfristige Investition in das Wachstum ihres Unternehmens betrachten. Eine schnelle und nahtlose Navigation begeistert Nutzer und hilft, sie zu treuen und wiederkehrenden Kunden zu machen. Für Produktmanager sollte die Leistung ein wichtiges Kriterium sein, das die Qualität und den Erfolg neuer Produktfunktionen definiert. Und auch die Zufriedenheit von Entwicklern wird durch Produkt-Exzellenz und die Arbeit an interessanten Herausforderungen verbessert.

Core Web Vitals als Ranking-Signal motiviert Sie zusätzlich dazu, Zeit in die Leistung zu investieren. Die Einführung von Core Web Vitals bietet jedoch über das Ranking hinaus viele weitere kurz- und langfristige Vorteile. Sehen wir uns einige Fallstudien von globalen und lokalen Unternehmen an, die Core Web Vitals eingeführt haben, bevor sie sich auf das Ranking ausgewirkt haben, weil ihr Schwerpunkt auf der Nutzerfreundlichkeit liegt.

Fallstudien

Vodafone

Vodafone (Italien) verbesserte den LCP um 31% und erzielte 8% mehr Umsatz.

Verfahren

• Serverseitiges Rendering des kritischen HTML-Codes
• Reduzieren Sie JavaScript, das das Rendering blockiert.
• Bildoptimierungstechniken
• Größe des Hero-Images anpassen; nicht kritische Ressourcen verschieben.

Wichtigste Erkenntnisse

• A/B-Tests sind der beste Weg, um die bedeutende Auswirkung zu messen.
• A/B sollte serverseitig sein.

iCook

iCook verbesserte den CLS-Wert um 15% und steigerte so die Werbeeinnahmen um 10 %.

Verfahren

• Geringere Schwankungen bei der Größe des Anzeigenblocks und bei Anzeigenflächen mit fester Größe, die auf der Benutzeroberfläche vorab zugewiesen wurden.
• Die Ladelogik für das Anzeigenskript wurde optimiert, um Header Bidding zu priorisieren und nicht kritisches JS aufzuschieben.

Wichtigste Erkenntnisse

Die Ausführungsrate kann beeinträchtigt werden, aber letztendlich steigt durch die Verbesserung der Anzeigensichtbarkeit der Umsatz.

Tokopedia

Tokopedia verbesserte den LCP-Wert um 55% und verbesserte die durchschnittliche Sitzungsdauer um 23 %.

Verfahren

• LCP-Element für serverseitiges Rendering (SSR)
• LCP-Element vorab laden.
• Bildoptimierung (Komprimierung, WebP, Lazy Loading nicht kritischer Bilder)

Wichtigste Erkenntnisse

• Ein Dashboard zur Leistungsüberwachung wurde erstellt, um den Fortschritt und die Auswirkung auf alle Teams zu überwachen.
• Es wurden verschiedene Renderingtechniken getestet (z. B. SSR-LCP-Element im Vergleich zu SSR-„above the fold“-Inhalten und vollständigem clientseitigem Rendering).

Redbus

Die Behebung von Core Web Vitals führte zu 80 bis 100% mobilen Conversion-Raten (mCVR) und einem erheblichen Anstieg des Domain-Rankings auf den globalen Markt-Properties von Redbus.

Verfahren

• Verbesserte CLS, indem die Anzeigenflächen für Seitenkomponenten korrigiert und die Skripts zum Einfügen nicht optimierter Tags entfernt wurden.
• Durch die Optimierung von Scripts von Drittanbietern und die Erstellung von Mikrodiensten mit einem Prinzip der einzigen Verantwortung wurden die TTI und die TBT erheblich reduziert.

Wichtigste Erkenntnisse

• Durch die CLS-Reduzierung von 1,65 auf 0 konnte das globale Domain-Ranking deutlich verbessert werden.
• Die Senkung der TTI von ca. 8 s auf etwa 4 s und der TBT von etwa 1.200 ms auf rund 700 ms führte zu einem Anstieg der mCVR weltweit um 80 bis 100 %.
• Mithilfe von RUM-Tools konnten reale Leistungsmesswerte in weniger wichtigen Märkten erfasst werden.
• Die Einführung einer Leistungskultur ist sehr wichtig, um Regressionen zu vermeiden. Dies verbessert auch die Teamproduktivität dank optimiertem Code, schnelleren Releases und weniger Produktionsproblemen.

Die obigen Fallstudien zeigen, dass Sie viel erreichen können, wenn Sie Best Practices anwenden und schnelle Erfolge umsetzen. Hier sind noch einige Beispiele aus der Praxis.

Die oben genannten Ergebnisse wurden mit leicht erreichbaren Früchten wie den folgenden erzielt:

Bildoptimierung	JavaScript-Optimierung	Anzeigen und dynamische Inhalte
WebP-Bildformat verwenden	Drittanbieter-JS aussetzen	Platz für Anzeigen reservieren, die ohne Scrollen sichtbar sind
Bild-CDNs verwenden	Render-Blockierung und nicht verwendetes JS entfernen	Höhe für dynamische Inhalte festlegen
Komprimierung	Lazy Loading von nicht kritischem JS
Nicht kritische Images aufschieben	Kritisches JS vorab laden
Hero-Images werden vorab geladen
Seitenverhältnis angeben

Weitere Best Practices finden Sie im Web Vitals-Leitfaden. Nutzen Sie PageSpeed Insights, um Ihre Website zu überprüfen und sofort umsetzbare Empfehlungen zu erhalten.

Mehrere globale Unternehmen profitieren ebenfalls von Investitionen in Core Web Vitals.

• Tencent Video erzielte eine um 70% höhere CTR für Videos, da die Core Web Vitals bestanden wurde.
• Cdiscount hat alle 3 Messwerte verbessert, was zu einer Umsatzsteigerung von 6% beim Black Friday-Angebot führte.
• Bei Wix ist die Anzahl der mobilen Ursprünge, die die Core Web Vitals bestehen, im Vergleich zum Vorjahr um über 250% gestiegen.
• Nykaa stellte fest, dass eine Verbesserung des LCP um 40% zu 28% mehr organischen Zugriffen aus T2- und T3-Städten führte.
• Die LCP-Verbesserung von NIKKEI STYLE um 18% führte zu 9% mehr Seitenaufrufen pro Sitzung.
• Neben der Halbierung des LCP konnte NDTV eine 50% höhere Absprungrate erzielen, zusammen mit weiteren Produktänderungen.
• Der um 70% bessere LCP-Wert von Agrofy Market korrelierte mit 76% weniger Lastabbrüchen.
• Flipkart konnte durch Verbesserung der Core Web Vitals-Messwerte die Absprungrate um 2,6% senken.
• Ameba Manga verbesserte die Anzahl der gelesenen Comics um das 2- bis 3-Fache, indem der CLS-Wert um das 10-Fache verbessert wurde.
• Yahoo! Japan hat die CLS korrigiert.Dadurch sank die Zahl der Seiten mit schlechter Leistung um 98% und die Seitenaufrufe pro Sitzung stiegen um 15%.
• AliExpress verbesserte die CLS um das 10-Fache und den LCP um das Doppelte, was zu 15% niedrigeren Absprungraten führte.
• GEDI konnte den CLS-Wert um 77% und die Absprungrate um 8% senken.

Wie können Sie jetzt loslegen?

Schritt 1: Messung starten

Messen Sie zuerst Felddaten für Ihre Website mit RUM-Tools (Real User Monitoring). Es gibt bereits verschiedene RUM-Tools von Google und Drittanbietern.

Google RUM-Tools

• Search Console
• PageSpeed Insights
• JavaScript-Bibliothek „web-vitals“
• Bericht zur Nutzererfahrung in Chrome (CrUX)

RUM-Tools von Drittanbietern

• Cloudflare
• New Relic
• Akamai
• Kalibriert
• Blaues Dreieck
• Sentry
• SpeedCurve
• Logo: Raygun

Wählen Sie einfach das Tool aus, das für Sie am besten geeignet ist. Sie können noch einen Schritt weiter gehen und Google Analytics 4 einbinden, um Core Web Vitals mit Ihren Unternehmensmesswerten korrelieren zu können.

Schritt 2: Stakeholder überzeugen

• Informieren Sie Ihre Stakeholder darüber, wie wichtig Core Web Vitals für die Verbesserung der Nutzerfreundlichkeit und deren Korrelation mit den Unternehmensmesswerten des Unternehmens ist.
• Lass intern einen Sponsor hinzu, um einen kleinen Test zu starten.
• Erarbeiten Sie ein gemeinsames Ziel unter allen Stakeholdern, um die Core Web Vitals teamübergreifend zu verbessern.

Schritt 3: Tipps für eine erfolgreiche Implementierung

• Priorisieren: Wählen Sie eine Seite mit hoher Zugriffs- und/oder Conversion-Bedeutung aus, um aussagekräftige Ergebnisse zu erzielen (z. B. Landingpage der Anzeige, Conversion-Seite oder beliebte Seiten).
• A/B-Test: Durch serverseitige Tests vermeiden Sie Renderingkosten. Vergleichen Sie die Ergebnisse der optimierten und nicht optimierten Versionen.
• Überwachen: Verwenden Sie kontinuierliches Monitoring, um Regressionen zu verhindern.

Und schließlich sind wir davon überzeugt, dass die Leistung ein Weg und kein Ziel ist. Aus diesem Grund planen wir, diesen Artikel regelmäßig mit den neuesten Fallstudien zu aktualisieren. Wenn Sie auch einen überzeugenden geschäftlichen Erfolg verzeichnen und in diesem Artikel erwähnt werden möchten, reichen Sie einen Inhaltsvorschläge ein.