Eine Fallstudie, in der die gesamte Wirkung und der Nutzen von hohen Leistungswerten auf Core Web Vitals gemessen werden.
RebelMouse ist ein cloudbasiertes CMS mit datengetriebenen Tools und Kreativstrategie, die Publisher benötigen, um neuen und alten Zielgruppen die bestmögliche Nutzererfahrung zu bieten. Wir betreiben stark frequentierte Web-Properties für Medienunternehmen wie Upworthy, Narcity, Raw Story, Brit + Co und The Independent sowie hochwertige Websites wie Penske Trucks, Vault12, Gaingels und viele andere.
Unsere Plattform erreicht allein in den USA monatlich mehr als 100 Millionen Menschen. Das Unternehmen wurde in der Überzeugung gegründet, dass das offene Web den höchsten Erwartungen der Verbraucher gerecht werden muss, um erfolgreich zu sein. Auch die Standards der Core Web Vitals entsprechen dieser nutzerorientierten Vision.
Seit mehr als einem Jahrzehnt entwickelt unser globales Team ein CMS, das positive und intuitive User Experiences schafft, die sich wiederum in ein geschäftsfähiges Geschäft verwandeln. Core Web Vitals ist ein Benchmark, mit dem Sie dafür sorgen können, dass diese symbiotische Schleife bei jeder neuen Website, die wir nutzen, fortbesteht.
Warum Leistungspriorisierung ein besseres Geschäft bedeutet
Viele Verlage und Webpublisher bezweifeln, ob sich hervorragende Bewertungen bei Core Web Vitals die Mühe lohnen. Sie befürchten auch, dass selbst eine qualitativ hochwertige Nutzererfahrung nicht zu dem höheren Lesergehalt führt, den sie benötigen. Durch die Priorisierung der Leistung bei RebelMouse konnten wir beweisen, dass Core Web Vitals eine hervorragende Möglichkeit sind, neuen Traffic zu generieren und die Nutzertreue aufzubauen, die für den Erfolg eines Unternehmens erforderlich ist.
Um dies zu veranschaulichen, haben wir das Zielgruppenverhalten einiger Websites analysiert, die wir unterstützen, und zwar vor und nach der Optimierung im Hinblick auf hohe Performance-Werte bei Core Web Vitals. Wir haben insbesondere Nutzertypen definiert, um die Zielgruppen in die folgenden wichtigen Kategorien einzuteilen:
- Neue Besucher:Nutzer, die eine Website zum ersten Mal besucht haben
- Wiederkehrende Besucher:Nutzer mit mindestens zwei Sitzungen
- Treue Besucher:Nutzer mit mindestens drei Sitzungen
- Fans:Nutzer mit mindestens vier Sitzungen.
- Superfans:Nutzer mit mindestens fünf Sitzungen.
Referenzen: – https://www.hotjar.com/google-analytics/glossary/users – https://databox.com/new-vs-returning-visitors
Die durch Google Analytics gesammelten Daten aus der Praxis waren überwältigend verständlich. Wir haben uns auf die Kategorien „Treue Besucher“, „Fans“ und „Superfans“ konzentriert. Dabei haben wir festgestellt, dass Nutzer viel eher länger bleiben, sich mehr Inhalte ansehen und häufiger Websites besuchen, die im Core Web Vitals-Wert eine hervorragende Bewertung erhalten haben. Hier einige Beispiele:
Aber der Konsum von Inhalten und die pro Nutzer verbrachte Zeit waren nicht die einzigen Messwerte, die in die Höhe geschossen wurden. Die Anzahl der besuchten Nutzer und der aufgerufenen Seiten stieg ebenfalls in diesen Kategorien an:
Von normal zu hoher Leistung: So wandelt RebelMouse Websites um
Die gute Nachricht ist, dass durch sorgfältige, strategische Änderungen an der Codebasis Ihrer Website eine gute Leistung bei Core Web Vitals möglich ist. RebelMouse optimiert leistungsstarke Websites auf folgende Weise:
Progressive Web-App
RebelMouse optimiert alle Drittanbieteraufrufe in einer progressiven Web-App, die die wichtigsten Inhalte zuerst liefert und dann die restlichen Aufrufe sequenziert, wenn der Leser sie sehen muss.
Es gibt eine Methode, mit der JavaScript geladen wird, sobald das LCP-Ereignis (Largest Contentful Paint) abgeschlossen ist. Wir bieten unseren Nutzern die Möglichkeit, JavaScript über drei verschiedene Prioritätsstufen zu laden:
- Optimiert ist für Nutzer geeignet, die an den neuesten innovativen Ansätzen interessiert sind. Wir verwenden es in unserer eigenen Entwicklungsarbeit. Bei dieser Prioritätsstufe wird die JavaScript-Auslösung erst lange nach dem vollständigen Laden der Seite pausiert. So erzielen Sie die höchste Leistung.
- Die Lastblockierung wird zur sofortigen Ausführung von JavaScript verwendet und wirkt sich im Allgemeinen negativ auf Ihre Leistungsbewertungen aus. Bei dieser Prioritätsstufe wird der JavaScript-Code sofort nach dem Laden der Seite ausgelöst. Dadurch können Ihre Leistungsbewertungen je nach zusätzlichem Aufruf um 10 bis 40 Punkte sinken.
- Nach LCP ist die beste Option, um hervorragende Leistungsergebnisse mit sehr schnellen Ladezeiten zu kombinieren. Diese Prioritätsstufe führt dazu, dass JavaScript sofort nach Abschluss des Largest Contentful Paint-Ereignisses geladen wird. (Diese Option wird nur für Anzeigen empfohlen, bei denen Sie den Umsatz durch die Lieferung von Anzeigen an Nutzer gesteigert haben, die die Seite nur etwa fünf Sekunden lang besuchen.)
Einbettungen in sozialen Netzwerken optimieren
Um den CLS- (Cumulative Layout Shift) und den LCP-Wert zu schützen, müssen alle Einbettungen in sozialen Netzwerken auf Lazy Loading eingestellt sein.
Zur CLS-Beibehaltung musst du mit serverseitiger Technologie die Größe der Einbettung dynamisch ermitteln und in deinen eigenen Speicher für die Eigenschaften dieser Einbettung einfügen. Anschließend muss die Einbettung an Ihr Frontend geliefert werden, um zu verhindern, dass sich das Layout beim Laden verschiebt. Für alle, die sich ausführlicher über dieses Thema interessieren, haben wir Beiträge speziell auf Twitter und TikTok mit weiteren Details.
Besonders leichter, intelligenter HTML- und CSS-Code
Der HTML- und CSS-Code Ihrer Website muss so aufgebaut sein, dass Bilder und Text, der ohne Scrollen sichtbar ist, ausgeliefert werden können, bevor der Rest der Seite geladen wird.
- Fehlerhafte HTML-Konstrukte zwingen den Browser dazu, viele unnötige Website-Elemente zu verarbeiten, die sich „below the fold“ befinden, um das, was sich „above the fold“ im ersten Darstellungsbereich befindet, zu rendern.
- Ausführlichere Artikel dazu, wie wir dies mit RebelMouse erreichen, finden Sie hier:
- Informationen zur Optimierung von Core Web Vitals
- Eine vollständige Anleitung zum Implementieren schneller Seitengeschwindigkeiten unter Einbeziehung von Drittanbieter-Skripts
- Ein ausführlicher Leitfaden zur Optimierung für LCP
Leistung steigern
Seit der Einführung von Core Web Vitals haben Entwickler festgestellt, wie sich ihre Publisher-Plattformen auf die von Google empfohlenen Mindestanforderungen auswirken.
HTTP Archive ist ein Open-Source-Projekt, das Trends über Millionen von URLs hinweg aufzeichnet und historische Muster aufzeichnet. Im Core Web Vitals-Technologiebericht wurde außerdem herausgefunden, welche Leistung Top-Content-Management-Systeme im Hinblick auf die Nutzerfreundlichkeit von Seiten den Anforderungen von Google entsprechen. RebelMouse hat die wichtigsten CMS-Plattformen bei den wichtigsten Messwerten von Google seit der Einführung und 2022 kontinuierlich übertroffen:
Leistung ohne Kompromisse
Hochwertige Inhalte zu erstellen, ist für Publisher und Marken heute nur die halbe Miete. Hochwertige Inhalte müssen durch moderne Technologien gestützt werden, die mit der Geschwindigkeit und den Standards des heutigen Internets mithalten können. Wir sind in der Lage, die Core Web Vitals als Grundlage zu liefern, da die Websiteleistung nicht nur ein Ziel ist, sondern ein fester Bestandteil unserer Unternehmenskultur ist. Wir legen großen Wert auf Leistung, um unseren Kunden zu helfen, das offene Web optimal zu nutzen, indem wir den Traffic steigern und Umsätze generieren, ohne Abstriche bei der Nutzerfreundlichkeit zu machen.
Wenn Sie mehr darüber erfahren möchten, wie wir Ihre Website dabei unterstützen können, den Branchenstandard für Core Web Vitals zu übertreffen, finden Sie hier weitere Informationen zu RebelMouse.