Core Web Vitals und deren Auswirkung auf die Webentwicklung

Die Core Web Vitals sind eine Initiative von Google, um laut eigenen Aussagen einheitliche Richtlinien für Qualitätssignale bereitzustellen, die für ein großartiges Benutzererlebnis im Web unerlässlich sein sollen.

Diese neuen Signale fokussieren sich dabei auf drei Aspekte; dem Laden, der Interaktivität und der visuellen Stabilität einer Website.

Jede dieser neuen Metriken hat festgeschriebene Werte, die besagen, ab wann eine gute User Experience vorliegt – laut Google:

• Der „Largest Contentful Paint“ (LCP) gibt die Renderzeit des größten Bildes oder Textblocks an, der innerhalb des Viewports relativ zum Zeitpunkt des ersten Ladevorgangs der Seite sichtbar ist und soll unter 2,5 Sekunden betragen

• Der “First Input Delay” (FID) misst die Zeit von der ersten Interaktion eines Benutzers mit einer Seite bis hin zu dem Zeitpunkt, an dem der Browser tatsächlich mit der Verarbeitung beginnen kann und soll unter 100 ms betragen

• Der “Cumulative Layout Shift” (CLS) misst jede unerwartete Layoutverschiebung, die während des gesamten Ladevorgangs einer Seite auftritt und sollte einen Wert unter 0,1 haben

Das Besondere an den Core Web Vitals ist, dass sie auch mit in die Rankings der Google-Suche einfließen. Dadurch wird die technische User Experience einer Website ebenfalls ins Ranking mit hineinfließen, was die Wichtigkeit nochmal zeigt.

Anfang des Jahres twitterte Danny Sullivan, welcher die Searchliaison von Google betreut, dass die Core Web Vitals zur Einführung als Rankingfaktor schwächer gewichtet werden.

Mit der Zeit könnte sich dies jedoch ändern, sodass die Core Web Vitals eine stärkere Gewichtung erfahren und mehr ins Ranking einfließen. Neben relevantem Content sollte dann auch die Page Experience stimmen. Somit kann man davon ausgehen, dass die Core Web Vitals sich als Thema etablieren und ausgebaut werden.

Je nachdem, in welche Richtung sich das Web entwickelt, könnten neben den drei initialen Metriken, weitere hinzukommen.

Gerade das Thema rund um Pagespeed bietet viele weitere Metriken wie bspw. “Time to first byte” (TTFB) oder “Dom Content Loaded” (DCL), die ebenfalls vom Chrome User Experience Report (CrUX) erfasst werden, welche das Potenzial hätten, als zusätzliche Web Vitals erfasst zu werden.

Auch wenn Google für die einzelnen Metriken der Core Web Vitals festgesetzte Werte vorgibt, was als gute oder schlechte User Experience erachtet wird, erhalten sie ihre Wichtigkeit erst in Anbetracht der Konkurrenz, welche sich ebenfalls für die gleichen Themen auf Google positionieren möchte.

Man hat somit ein Benchmark, an den man sich messen kann und welcher entscheiden kann, welcher Mitbewerber in den Google-Suchergebnissen aufgrund seiner verbesserten Page Experience höhere Rankings erzielt.

Somit wird man sich bei der Webentwicklung, insbesondere aus technischer Sicht, mit der Konkurrenz auseinandersetzen müssen, um mit der eigenen Website eine bessere Erfahrung bieten zu können.

Schon zu Beginn eines Web-Projekts wird man sich Gedanken machen müssen, auf welches Teck-Stack man setzen will und in welchem Maße damit die Core Web Vitals optimiert werden können.

Die Frage nach der Wahl der passenden Technologie kann und sollte natürlich nicht nur ausschließlich davon abhängen, wie gut die Core Web Vitals danach abschneiden. Vielmehr sollten diese Gedanken ein zusätzlicher Punkt zur Entscheidungsfindung sein, da natürlich je nach Funktion und Nutzen unterschiedliche Technologien in Frage kommen.

So soll bspw. Server-Side-Rendering sehr viele Vorteile für die Core Web Vitals bringen, da es gerade die Ladezeit für JavaScript reduzieren kann. Ob das schon ausreicht, sich dafür zu entscheiden, ist sicherlich fraglich und zu kurz gedacht.

Von daher sollte man immer die Core Web Vitals im Hinterkopf haben, wenn man ein neues Web-Projekt startet und gerade dabei ist, das Tech-Stack zusammenzustellen.

Um die Core Web Vitals effizient zu optimieren, stellt Google einige Tools zur Verfügung.

Eines der bekanntesten Tools, mit denen man Auskünfte über die Core Web Vitals der eigenen Website erhalten kann, ist Googles PageSpeed Insights.

Über die Jahre hat es viele Veränderungen erfahren und wurde durch neue Funktionalitäten erweitert.

Mit PageSpeed Insights kann man für eine beliebige URL die Werte für die Core Web Vitals herausfinden.

Dabei stößt man zunächst auf zwei Datensätze, die der Feld- sowie der Labdaten.

Bei den Felddaten handelt es sich um Daten echter Nutzer, die über den Chrome User Experience Report (CrUX), innerhalb des Chrome Browsers, erhoben werden. Es sind somit Daten echter Nutzer, welche die Page Experience mit der eigenen Website aufzeigen. Für die Bewertung der Core Web Vitals wird Google auf die Felddaten zurückgreifen. Die Felddaten beziehen sich hierbei auf die letzten 28 Tage.

Neben den Felddaten werden auch Labdaten angezeigt, die meist unter strikteren Bedingungen testen wie bspw. einer durchschnittlichen, mobilen Geschwindigkeit. Die Labdaten werden vom Lighthouse Audit erhoben.

Beide Datensätze zeigen somit auf, wie es um die Page Experience bestellt ist.

Mithilfe der Strukturkarte lassen sich Ressourcen ausfindig machen, die beim Seitenaufbau nicht verwendet, aber trotzdem geladen werden.

Gleich danach folgen die Empfehlungen für einzelne Optimierungen, die man sogar nach den jeweiligen Metriken filtern kann.

Großer Nachteil der Web-Version von PageSpeed Insights ist, dass nur eine Analyse von einer URL möglich ist. Um sich aber die Werte für mehrere URLs gleich einzuholen, kann man auf die PageSpeed Insights API zurückgreifen.

PageSpeed Insights liefert zwar detaillierte Informationen, diese aber nur für jeweils eine URL.

Um einen globalen Einblick in die Performance der eigenen Website zu erhalten, bietet sich hierfür der Report “Core web vitals” in der Google Search Console an.

Aufgeteilt in “Mobile” und “Desktop” erhält man den Stand der Core Web Vitals für jede URL, die sich im Google Index befinden.

Dies ist insbesondere dann hilfreich, wenn man mögliche Optimierungspotenziale auf Verzeichnisebene und auf Basis von Seitentypen ausfindig machen möchte.

Was hier jedoch fehlt, sind die detaillierten Empfehlungen wie bei PageSpeed Insights.

Die beiden vorherigen Tools bieten sich an, wenn man schon bestehende URLs verbessern möchte.

Befindet man sich bspw. in einer Dev- oder Staging-Umgebung, lassen sich diese nur mit Umwegen nutzen.

Bei Nutzung von Chrome ab der Version 90 gibt es die Möglichkeit, die Core Web Vitals direkt abzurufen. Dazu muss man unter “Customize and control DevTools” auf Rendering gehen und den Punkt “Core Web Vitals” aktivieren. Und schon werden einem die Daten der entsprechenden Seite angezeigt.

Zusätzlich gibt es seit Chrome 88 im Performance-Report den Abschnitt “Core Web Vitals”, aus dem man ebenfalls nützliche Insights ziehen kann.

Wie schon zuvor erwähnt, werden die Core Web Vitals laut Danny Sullivan zunächst beim initialen Rollout einen eher geringen Impact haben. Mit der Zeit könnte die Page Experience jedoch eine größere Gewichtung erhalten.

Im Google-Podcast “Search off the Records” sprachen John Mueller, Martin Splitt und Gary Illyes darüber, dass man zwischen starken Rankingfaktoren und sog. “Tie-Breakern” unterscheiden kann.

Starke Rankingfaktoren sind all diejenigen, wo es um die inhaltliche Relevanz des Contents zum eingegebenen Suchbegriff geht. Also wie am besten der Content das Suchbedürfnis bedient.

Wenn für ein Suchbegriff ähnlicher Content von allen Wettbewerbern in den SERPs angeboten wird, kommen die sog. “Tie-Breaker” ins Spiel. Bei ähnlichem Content werden dann Faktoren wie bspw. die Core Web Vitals hinzugezogen, um die Positionen in den SERPs zu bestimmen.

Auch wenn es auf den ersten Blick so aussieht, als ob die Core Web Vitals einen geringen Impact haben werden, können schon kleinste Verschlechterungen in den Positionen für einen starken Rückgang des organischen Traffics sorgen.

Laut einer CTR-Studie von Advanced Web Ranking sieht man bspw. in der Kategorie “Health & Fitness”, dass die Klickrate (Anzahl der Klicks geteilt durch die Anzahl der Impressionen: Klicks ÷ Impressionen = CTR) schon nach der 1. Position drastisch zurückgeht und sich erst ab der 10. Position in ein normales Niveau einpendelt.

Hat man vor dem Launch der Core Web Vitals die Top 3 für ein Suchbegriff belegt, könnte es nun sein, falls der Content ähnlich zu den Konkurrenten ist, aber dieser über eine bessere Page Experience verfügt, man in den Top 5 landet, und dabei aber im Verhältnis einen drastischen Einschnitt an organischer Performance erleidet.

So kann man sagen, dass wenn der Content einzigartig und originell ist, die Core Web Vitals keinen großen Impact haben werden. Bei zu generischem Content könnte es dazu führen, wenn die Metriken unzureichend sind, dass man hier organischen Traffic einbüßt.

Viele Kunden sind sicherlich verunsichert, ob sie vom Launch der Core Web Vitals im Juni 2021 negativ betroffen sein könnten.

Entwarnung: Verfügt man im Vorfeld über hochwertigen und einzigartigen Content, so sollten schlechte Core Web Vitals an den Rankings nicht rütteln, weil Relevanz weiterhin höher gewichtet ist als die Page Experience.

In diesem Szenario sollte man nichtsdestotrotz die Core Web Vitals optimieren, um neben dem einzigartigen Content auch weiterhin über einen Vorteil gegenüber der Konkurrenz zu verfügen.

Besitzt man jedoch Content, der recht generisch ist und sich nicht von der Konkurrenz unterscheidet, könnte es passieren, dass man hier bei schlechten Core Web Vitals Einbußen hinnehmen muss.

In beiden Szenarien ist es jedoch ratsam, die Core Web Vitals zu optimieren, weil sie abgesehen von den Rankings wichtig für Ihre User sind und eine uneingeschränkte User Experience ermöglichen sollten.