Ist es nicht richtig, wenn ich sage, dass Unternehmen heutzutage eine kundenorientierte Kultur priorisieren? Ich weiß, dass Sie mir voll und ganz zustimmen würden. Wenn es um Technologie geht, stellen die Unternehmer sicher, dass ihren Kunden eine nahtlose Benutzererfahrung in Bezug auf ihre Websites im Web geboten wird. Hier möchte ich den Begriff "Web Vitals" erwähnen, der hilft, die Erfahrung Ihrer Website zu quantifizieren und Ihnen auch ermöglicht, Verbesserungsmöglichkeiten zu erkennen und mit der Zeit besser zu werden. Ich bin sicher, Sie sind mit diesem Begriff vertraut. Daher werden wir in diesem Artikel eine umfassende Studie über das Thema "Core Web Vitals" durchführen, das eine Untergruppe der Web Vitals ist. Dies wird eine gute Lektüre für Website-Besitzer, Entwickler oder sogar Vermarkter sein, die die Qualität und Funktionalität ihrer Website verbessern möchten.
Das Konzept der Core Web Vitals verstehen
Was sind die Core Web Vitals? Core Web Vitals können als eine Reihe standardisierter Metriken von Google betrachtet werden, die es Entwicklern ermöglichen, die Benutzererfahrung auf einer Webseite zu verstehen. Auch wenn Core Web Vitals ursprünglich für Entwickler erstellt wurden, können diese Tools auch für Website-Besitzer von Vorteil sein, da sie helfen, die reale Benutzererfahrung auf einer Seite aufzuschlüsseln. Wie oben erwähnt, sind diese Core Web Vitals die Untergruppe der Web Vitals, die wir uns in den kommenden Abschnitten genauer ansehen werden. Aber bevor Sie das tun, können Sie sich einige informative Core Web Vitals-Videos unten ansehen, um ein besseres Verständnis zu erhalten.
Die drei wichtigsten Säulen der Core Web Vitals

Die Core Web Vitals umfassen eine Reihe von drei Metriken, die gut geeignet sind, um die Benutzererfahrung zu identifizieren, was den Website-Besitzern weiter helfen kann, ihre Webdienste zu verbessern. Diese drei Metriken können als die wichtigsten Säulen der Core Web Vitals bezeichnet werden. Darüber hinaus hilft jede dieser Metriken, ihre eigene Perspektive auf verschiedene Elemente zu bieten, die die Interaktion und das Engagement der Benutzer mit einer Website beeinflussen. Sie ermöglichen es weiter, die verschiedenen Variablen in kleinere Teile aufzuschlüsseln, die Website-Besitzern helfen, technische Probleme auf ihrer Website zu erkennen und zu beheben.
Eine sehr häufig gestellte Frage ist: "Wie bestehe ich die Core Web Vitals"? Nun, die Antwort lautet, dass Sie für alle drei Metriken der Core Web Vitals, die unten besprochen werden, wirklich gut abschneiden müssen. Ohne weitere Verzögerung werde ich Sie nun durch die drei Hauptmetriken oder Säulen der Core Web Vitals führen.
Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) hilft bei der Messung der Ladeleistung. Es muss innerhalb von 2,5 Sekunden nach dem ersten Laden der Seite erfolgen. Da Website-Besitzer möchten, dass Seiten auf ihrer Website schnell geladen werden und die Seite auch in Google höher ranken kann, um die Web-Benutzererfahrung zu verbessern. Der LCD konzentriert sich auf die Messung der Ladezeit nur für die Inhalte, die für die Benutzer relevant sind, wie:
- Bilder
- Hintergrundbilder
- Video-Posterbilder
- Block-Level-Text
First Input Delay (FID)

First Input Delay (FID) hilft bei der Messung der Zeit zwischen dem Zeitpunkt, an dem der Benutzer mit einer Seite interagiert, indem er beispielsweise auf einen Link oder eine Schaltfläche klickt, und dem Zeitpunkt, an dem der Browser diesen Klick verarbeitet. Die Interaktivität einer Seite wird durch diese Metrik gemessen. Darüber hinaus kann FID nicht simuliert werden, da es vollständig davon abhängt, wann ein Benutzer auf eine Seite klickt oder mit ihr interagiert und wie lange es dauert, bis dies ausgeführt wird. Die Website-Besitzer müssen sich darauf konzentrieren, eine gute Benutzererfahrung mit einem FID unter 100 Millisekunden zu bieten. Eine weitere Sache, die beachtet werden muss, ist, dass FID schwer zu messen ist, da diese Daten nur im Feld gemessen werden können. Dies bedeutet weiter, dass Ihr Ergebnis von Variablen außerhalb Ihrer Kontrolle abhängt, wie z. B. der Gerätekapazität der Benutzer und den Internetgeschwindigkeiten, die von Ihrem Publikum erlebt werden.
Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) hilft bei der Messung des kumulativen Ergebnisses aller unerwarteten Layoutverschiebungen innerhalb des Viewports, die während des gesamten Lebenszyklus einer Seite auftreten. Es konzentriert sich hauptsächlich auf die Messung der "visuellen Stabilität" einer Seite und ist sowohl für Felddaten als auch für Labordaten verfügbar. Je niedriger der CLS-Wert, desto besser ist die visuelle Stabilität. Die Website-Besitzer sollten also versuchen, eine reibungslose Benutzererfahrung mit einem FID unter 100 Millisekunden zu bieten.
Bedeutung der Core Web Vitals-Metriken
In diesem Abschnitt werden wir uns die wichtige Rolle ansehen, die Core Web Vitals-Metriken bei der Verbesserung der gesamten Benutzererfahrung spielen. Zunächst einmal helfen Ihnen Core Web Vitals beim Aufbau schnellerer Websites, die reibungslos und angenehm zu bedienen sind, und zwar von jedem Gerät und von jedem Standort aus. Am wichtigsten ist, dass Core Web Vitals seit Mitte Juni 2021 zu einem Ranking-Faktor geworden sind, und wir können sicherlich erwarten, dass er mit der Zeit wachsen wird. Eine Verbesserung von LCP, FID und CLS kann sich auf Ihre Benutzer und Ihr Ranking auf den mobilen Suchergebnisseiten auswirken. Auch das Bestehen der Core Web Vitals-Bewertung kann dazu führen, dass weniger Benutzer zur SERP zurückkehren, da Sie eine nahtlose Benutzererfahrung bieten und Google möglicherweise ein "Good Page Experience"-Badge in ihren Suchergebnissen anzeigt. Dies können als "indirekte Ranking-Faktoren" bezeichnet werden, da sie das Suchverhalten beeinflussen (z. B. mehr Klicks für Seiten, die dieses Badge haben), was dann in die Algorithmen von Google zurückgespeist wird.
Kennen Sie neben den Core Web Vitals-Metriken auch Core Web Vitals SEO? Core Web Vitals sind wichtig für SEO, da sie es Ihrer Website ermöglichen, mehr Anerkennung zu erlangen und sie auch gut organisiert und sauber zu halten. Diese Vitals helfen bei der Verbesserung der Sichtbarkeit Ihrer Website und des Gesamtrankings in Browsern.
Tools zur Messung von Core Web Vitals
In diesem Abschnitt werden einige der beliebtesten Tools beschrieben, die für Entwickler und Webmaster entwickelt wurden, um Core Web Vitals zu messen. Fangen wir also an.
Chrome User Experience Report
Dieser Chrome User Experience Report hilft bei der Erfassung realer Daten von Benutzern, während sie im Web surfen, und teilt diese dann mit Entwicklern über Tools wie PageSpeed Insights und Google Search Console.
PageSpeed Insights
PageSpeed Insights hilft bei der Analyse der Leistung Ihrer Webseite und gibt Vorschläge, wie Sie ihre Geschwindigkeit erhöhen können. Es überprüft weiter alle drei Core Web Vitals sowohl auf mobilen als auch auf Desktop-Browsern.
Google Search Console
Sie finden Core Web Vitals in der Google Search Console für Ihre Webseiten. Google Search Console hilft bei der Nutzung der Daten aus dem Chrome User Experience Report, um Sie auf Probleme auf Ihrer gesamten Website aufmerksam zu machen.
Chrome Web Vitals Extension
Die Chrome Web Vitals Extension ermöglicht es Ihnen, Core Web Vitals anzuzeigen, während Sie im Web surfen oder Änderungen an Ihren Webseiten vornehmen. Die aktuellen Ergebnisse Ihrer Wettbewerber können mit dieser Erweiterung überprüft werden. Sie kann mit der Web-Vitals-Bibliothek zusammen mit Felddaten aus dem Chrome User Experience Report angezeigt werden.
web.dev Measure
web.dev Measure kann als Alternative zu PageSpeed Insights betrachtet werden. Sie können eine URL einreichen, und diese spezielle Messung meldet ihre Web Vitals basierend auf Labordaten, die mit Lighthouse gesammelt wurden, in einer Oberfläche, die etwas einfacher zu navigieren ist.
Core Web Vitals aus Drupal-Perspektive
Werfen wir nun einen Blick auf das Core Web Vital-Ergebnis von Drupal. Bevor ich die Ergebnisse bekannt gebe, möchte ich Ihnen auch sagen, dass die Ergebnisse ausschließlich von tatsächlichen Website-Besuchen von Benutzern im Google Chrome-Browser abhängen und als reale Ergebnisse betrachtet werden. Die Ergebnisse sind gut zwischen Desktop- und mobilen Websites aufgeteilt und werden auch als Prozentsätze von Websites angezeigt, die für diese spezifische Metrik ein gutes Ergebnis erzielt haben.
Für Largest Contentful Paint (LCP) belegte Drupal erfolgreich den ersten Platz mit einem Ergebnis von 47 %. Dies bedeutet, dass 47 % der mobilen Drupal-Websites den Website-Besuchern eine zufriedenstellende Benutzererfahrung in Bezug auf Largest Contentful Paint boten.

Für First Input Delay (FID) belegte Drupal den dritten Platz mit einem Ergebnis von 76 % und ließ Joomla (71 %) und Wix mit einem Ergebnis von 46 % hinter sich.

Und schließlich gelang es Drupal für Cumulative Layout Shift (CLS) erneut, den ersten Platz mit einem Ergebnis von 70 % zu belegen und eine gute CLS-Erfahrung zu bieten. Es konnte eines der stärksten CMS, WordPress, mit einem guten Ergebnisunterschied von 13 % perfekt schlagen. Daher hat Drupal es insgesamt geschafft, ein anständiges Ranking im Core Web Vital-Ergebnis zu halten.
Zukunft der Core Web Vitals
Bisher haben wir das aktuelle Szenario der Core Web Vitals gesehen, aber was ist mit der Zukunft? Wie kann man Core Web Vitals verbessern? Nun, Sie und ich werden in den nächsten Jahren viele Änderungen erleben, da Goggle seine eigenen Updates und Upgrades haben wird. Hier ist, was wir bisher gelernt haben.
Core Web Vital neigt dazu, sich im Laufe der Zeit zu verbessern
Während Google die Anzahl der Core Web Vitals so gering wie möglich halten möchte und die Web Vitals leicht zu verstehen und zu messen sind, besteht die Möglichkeit, dass die Menge im Laufe der Zeit wächst. Auch First Contentful Paint (FCP) ist beispielsweise ein Hauptkandidat für die Aufnahme; Sie können die Chrome Dev Summit-Aufzeichnung vom 12. Februar 2021 und die "Erkundung der Zukunft der Core Web Vitals-Aufzeichnung vom 14. Dezember 2020 ansehen.
Das Gewicht von Cumulative Layout Shift (CLS) und Verbesserungen, die verbessert werden müssen
Es besteht die Möglichkeit, dass das CLS-Gewicht erhöht wird und auch eine Verbesserung der Handhabung von langlebigen Seiten stattfindet, da Layoutverschiebungen auch nach der Interaktion weiterhin zum CLS-Ergebnis hinzugefügt werden.
Verbesserung der Messung der Animationsleistung
Da die Benutzererfahrung über das anfängliche Laden der Seite hinausgeht, prüft Google nun die Hinzufügung von Metriken, die die Animationsleistung messen können.
Verbesserung von First Input Delay (FID) für bessere Ergebnisse
Die Senkung der FID-Zeit auf 50-75ms könnte möglicherweise die Benutzererfahrung genauer messen.
Erleichterung von Single Page Applications (SPAs) mit viel besserer Unterstützung
Bei der Verwendung von SPAs haben die App-Übergänge keine Leistungsmetriken, da sie keine eindeutigen URLs haben. Beispielsweise können First Input Delay (FID) und Largest Contentful Paint (LCP) nur beim ersten Laden gemessen werden, aber der Cumulative Layout Shift nimmt mit jeder Interaktion weiter zu. Daher prüft Google nun Möglichkeiten, Web Vitals in SPAs besser zu messen.
Es kann eine Überlegung geben, den Datenverkehr von Nicht-Zielmärkten durch die Websites zu blockieren. Die Websites, die eine immense Menge an Datenverkehr von Nicht-Zielmärkten erhalten, die auch keinen Zugriff auf schnelle Hardware und Internetverbindungen haben, könnten in Erwägung ziehen, Benutzern aus diesen Märkten den Zugriff auf die Website zu verweigern, wodurch eine mögliche negative Auswirkung auf ihre Core Web Vital-Ergebnisse verhindert wird.
Um mehr über eine allgemeine SEO-Strategie einschließlich Core Web Vitals zu erfahren, lesen Sie diesen umfassenden Leitfaden zu SEO im Jahr 2021.
Fazit
Die Core Web Vitals sind die perfekten Metriken, um die Qualität der Erfahrung im gesamten Web zu messen. Sie verstehen, wo Sie an Ihrer Website arbeiten müssen, um Ihren Besuchern eine bessere Benutzererfahrung zu bieten. Mit der wachsenden Zeit werden Sie eine viel bessere Version dieser Metriken sehen, die Ihnen weiter helfen wird, Ihre Besucher an Ihre interessante Website zu binden.
Abonnieren
Verwandte Blogs
Zurück von der DrupalCon Atlanta 2025: Ein Meilenstein für OpenSense Labs

„Fit. Schnell. Für die Ewigkeit gebaut.“ Das war nicht nur ein Slogan, sondern die Denkweise, mit der wir zur DrupalCon…
Erklärbare KI-Tools: SHAPs Stärke in der KI

Wissen Sie, was erklärbare KI-Tools sind? Erklärbare KI-Tools sind Programme, die zeigen, wie eine KI ihre Entscheidungen…
KI-Chatbots: Präzision und Persönlichkeit in Perfektion

In der Welt der künstlichen Intelligenz ist die Entwicklung eines KI-Chatbots, der nicht nur akkurate Informationen liefert…