{"id":50366,"date":"2024-10-11T00:01:00","date_gmt":"2024-10-11T07:01:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=50366"},"modified":"2025-01-07T06:06:13","modified_gmt":"2025-01-07T14:06:13","slug":"verbessern-sie-die-core-web-vitals","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/verbessern-sie-die-core-web-vitals\/","title":{"rendered":"Bessere Leistung f\u00fcr bessere Rankings: 10 Tipps zur Verbesserung der Core Web Vitals"},"content":{"rendered":"

Sie erstellen eine sch\u00f6ne Website mit ansprechendem Inhalt und beginnen, Kunden dorthin zu schicken.<\/p>\n

Sie befinden sich in einer spannenden Situation, besonders wenn Sie gerade erst online gehen.<\/p>\n

Aber nach einer Woche online bemerken Sie, dass Ihre Website langsamer l\u00e4dt als ein Faultier an einem faulen Sonntag, und Besucher springen schneller ab als ein K\u00e4nguru auf Koffein.<\/p>\n

Klingt das bekannt? Nun, Sie m\u00fcssen anfangen dar\u00fcber nachzudenken, was Google als Core Web Vitals (CWV)<\/strong> bezeichnet.<\/p>\n

Laut den neuesten Chrome-Berichten haben bereits \u00fcber 50,1%<\/a> der Websites gute Core Web Vitals-Werte. Und diese Zahl w\u00e4chst von Monat zu Monat, was bedeutet, dass immer mehr versierte Website-Betreiber dieses Geheimnis zur Leistungssteigerung entdecken.<\/p>\n

Hier ist der Haken: Wenn Sie noch nicht zu diesen 50% geh\u00f6ren, riskieren Sie Ihre Google-Platzierungen, frustrieren Ihre Besucher und lassen m\u00f6glicherweise Geld liegen.<\/p>\n

Lassen wir das \u00e4ndern, oder?<\/p>\n

Was sind eigentlich Core Web Vitals?<\/h2>\n

Betrachten Sie Core Web Vitals als das Zeugnis Ihrer Website.<\/p>\n

Wenn Sie Traffic auf Ihre Website lenken<\/a>, verwendet Google diese Metriken, um zu beurteilen, wie benutzerfreundlich Ihre Seite ist. Im Grunde misst es die Geschwindigkeit, Reaktionsf\u00e4higkeit und visuelle Stabilit\u00e4t Ihrer Website.<\/p>\n

\"Balkendiagramm<\/figure>\n

Es gibt drei Kern-Web-Vitals-Metriken:<\/p>\n

  1. Gr\u00f6\u00dfter inhaltsvoller Anstrich (LCP)<\/li>
  2. Kumulative Layoutverschiebung (CLS)<\/li>
  3. Interaktion bis zum n\u00e4chsten Anstrich (INP)<\/li><\/ol>\n

    Diese sind m\u00f6glicherweise im Moment nicht verst\u00e4ndlich \u2014 Versuchen wir, jedes davon separat zu verstehen.<\/p>\n

    Gr\u00f6\u00dfter inhaltsvoller Anstrich (LCP)<\/h3>\n

    Stellen Sie sich vor, Sie sind in einem Restaurant und der Kellner bringt Ihren Vorspeise fast sofort heraus.<\/p>\n

    Das macht ein gutes LCP f\u00fcr Ihre Website.<\/p>\n\n\n\n

    \n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

    Largest Contentful Paint<\/h3>\n

    Largest Contentful Paint (LCP) ist eine Metrik, die Ihnen sagt, wie lange es dauert, bis das gr\u00f6\u00dfte Inhaltelement auf einer Seite geladen ist. LCP ist eine der drei Google Core Web Vitals Metriken.<\/p>\n \n Mehr lesen <\/a>\n\n<\/div>\n\n

    Es misst, wie schnell das gr\u00f6\u00dfte Inhaltselement \u2014 das Heldenbild, ein gro\u00dfes Video oder ein gro\u00dfer Textblock \u2014 auf Ihrer Seite l\u00e4dt.<\/p>\n

    Laut demselben Chrome Core Web Vitals-Bericht haben 64,8% der Websites<\/a> bereits ihre LCP-Werte erreicht. Und jeden Monat liefern mehr neue Seiten ihre Hauptinhalte schneller aus.<\/p>\n

    Wenn Sie der LCP-Ruhmeshalle beitreten m\u00f6chten, m\u00fcssen Sie eine Ladezeit von 2,5 Sekunden oder weniger anstreben, um Ihre Website-Konversionsrate zu erh\u00f6hen<\/a>.<\/p>\n

    Alles \u00fcber vier Sekunden, und Sie verlieren Kunden.<\/p>\n

    Kumulative Layoutverschiebung (CLS)<\/h3>\n

    Denken Sie an Zeiten, in denen Sie m\u00f6glicherweise auf einer mobilen Website auf einen Button geklickt haben \u2014 und ein anderes Element an dessen Stelle geladen wurde, wodurch der Button verschwand \u2014 und Sie stattdessen dieses Element angeklickt haben.<\/p>\n

    Es macht keinen Spa\u00df. Der CLS-Score zielt darauf ab, dies zu beseitigen.<\/p>\n

    Es misst, wie sehr sich die Elemente Ihrer Seite w\u00e4hrend des Ladeprozesses bewegen. Ein niedriger CLS-Wert bedeutet, dass Ihr Layout w\u00e4hrend des gesamten Ladevorgangs ziemlich stabil bleibt.<\/p>\n

    Sie k\u00f6nnen Ihre Website als mobil optimiert<\/a> betrachten, wenn das Layout beim Laden nicht verschoben wird.<\/p>\n

    Ab September 2024 haben 78,2% der Websites<\/a> gute CLS-Wertungen erreicht, mit einem stetigen Anstieg der Zahlen Monat f\u00fcr Monat. Dies zeigt, dass immer mehr Entwickler eine reibungslose, verschiebungsfreie Benutzererfahrung priorisieren.<\/p>\n

    Also, wenn Sie ein stabiles Benutzererlebnis w\u00fcnschen, streben Sie einen CLS-Wert von 0,1 oder weniger an. Alles \u00fcber 0,25 und Ihre Benutzer werden das Gef\u00fchl haben, dass sich die gesamte Seite bewegt.<\/p>\n

    Interaktion bis zum n\u00e4chsten Anstrich (INP)<\/h3>\n

    INP wurde am 12. M\u00e4rz 2024 zum Framework der Core Web Vitals hinzugef\u00fcgt und ersetzt die \u00e4ltere Metrik First Input Delay (FID). W\u00e4hrend FID nur die erste Benutzerinteraktion misst, betrachtet INP alle Interaktionen w\u00e4hrend eines Seitenbesuchs.<\/p>\n

    Chrome-Berichtsdaten zeigen, dass 85% der Websites<\/a> bereits gute INP-Werte erzielen. Es ist wahrscheinlich, dass, wenn Sie Ihre Website bereits f\u00fcr die vorherigen beiden Bewertungen optimieren, sich INP ebenfalls einf\u00fcgen wird.<\/p>\n

    Um Ihre Benutzer zufrieden und engagiert zu halten, streben Sie ein INP von 200 Millisekunden oder weniger an. Wenn Sie zwischen 200 und 500 Millisekunden schweben, haben Sie noch etwas zu tun.<\/p>\n

    Alles \u00fcber 500 Millisekunden, und Sie bieten Ihren Besuchern das Dial-up-Erlebnis.<\/em><\/p>\n

    Wie man Core Web Vitals misst<\/h2>\n

    Bevor Sie damit beginnen, Ihre Core Web Vitals-Werte zu verbessern, ist es klug, sich zun\u00e4chst einen \u00dcberblick dar\u00fcber zu verschaffen, wo Ihre Website derzeit steht. Auf diese Weise k\u00f6nnen Sie Ihren Fortschritt messen. Die regelm\u00e4\u00dfige Bewertung Ihrer Werte kann ein wertvoller Teil Ihrer Website-Wartung<\/a> sein.<\/p>\n

    Lassen Sie uns einige verschiedene Methoden betrachten, um die Leistung Ihrer Website zu messen.<\/p>\n

    PageSpeed Insights<\/h3>\n

    Es gibt einige Online-Tools, die Sie zur Messung der Core Web Vitals verwenden k\u00f6nnen, einschlie\u00dflich Pingdom und GTmetrix. Wir empfehlen jedoch die Verwendung von Google PageSpeed Insights<\/a>.<\/p>\n

    Um anzufangen, geben Sie die URL Ihrer Website ein und klicken Sie dann auf den Analyze<\/strong>-Button.<\/p>\n

    \"Screenshot<\/figure>\n

    Wenn die Analyse Ihrer Website abgeschlossen ist, wird eine Zusammenfassung einiger der Schl\u00fcsseldaten und der Core Web Vitals-Daten der Website bereitgestellt. Wie Sie im obigen Bild sehen k\u00f6nnen, hat die standardm\u00e4\u00dfige Google-Website:<\/p>\n