{"id":3682,"date":"2021-05-28T14:24:12","date_gmt":"2021-05-28T12:24:12","guid":{"rendered":"https:\/\/green-fields.pl\/de\/?p=3682"},"modified":"2021-05-28T14:24:12","modified_gmt":"2021-05-28T15:24:12","slug":"core-web-vitals-grundlegende-web-kennzahlen","status":"publish","type":"post","link":"https:\/\/green-fields.pl\/de\/blog\/core-web-vitals-grundlegende-web-kennzahlen\/","title":{"rendered":"Core Web Vitals - grundlegende Web-Kennzahlen LCP, FID, CLS"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Core Web Vitals sind ein neuer Google-Rankingfaktor. Er wurde Mitte 2020 bekannt gegeben und wird voraussichtlich \u00e4hnliche Auswirkungen auf die Suchergebnisse haben wie der Google-Pinguin-Algorithmus im Jahr 2012, der Spam aus dem Netzwerk entfernte. Warum erw\u00e4hne ich das? Weil Core Web Vitals als Rankingfaktor gut optimierte, schnelle, effiziente, sichere und stabile Websites belohnen werden, w\u00e4hrend schlecht optimierte technische Websites mit schlechter Benutzererfahrung und \u00fcberfl\u00fcssigem Code bestraft werden.\u00a0<\/span><\/p>\n<p><em><span style=\"font-weight: 400;\">*Klarstellend geht es hier um gro\u00dfe Websites oder extrem schlecht optimierte Seiten. Eine typische Seite mit \"site:100\" auf WordPress und Page Speed-Werten von 60:80 wird wahrscheinlich keine \u00c4nderung sp\u00fcren.\u00a0<\/span><\/em><\/p>\n<p><span style=\"font-weight: 400;\">Ich denke, es ist an der Zeit, dar\u00fcber nachzudenken, wo Ihre eigene Domain und Ihr Server gehostet werden (dies wurde ausf\u00fchrlich im Artikel \"<a href=\"https:\/\/green-fields.pl\/de\/blog\/wie-man-uberpruft-wo-eine-domain-registriert-ist-und-auf-wen-sie-registriert-ist\/\">Wie man \u00fcberpr\u00fcft, wo eine Domain registriert ist und auf wen sie registriert ist<\/a>\" erl\u00e4utert). Warum? Weil es ziemlich h\u00e4ufig vorkommt, dass jemand eine Rechnung nicht bezahlt und seine Seite deshalb gesperrt wird. Dies kann zu pl\u00f6tzlichen Abst\u00fcrzen f\u00fchren, denn f\u00fcr Googles Algorithmen ist Stabilit\u00e4t einer der wichtigsten Rankingfaktoren.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Core Web Vitals - Was ist das?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Core Web Vitals sind im Wesentlichen eine Reihe von Kennzahlen:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ladezeit: Largest Contentful Paint (LCP)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Interaktivit\u00e4t: First Input Delay (FID)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Visuelle Stabilit\u00e4t: Cumulative Layout Shift (CLS)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Noch einmal zur Frage, was sind Core Web Vitals? Es sind Faktoren, die Benutzererfahrungen und richtige, optimale Techniken zur Erstellung von Websites kombinieren, um das Surfen auf Websites angenehmer zu gestalten. Dies beinhaltet auch die Bestrafung f\u00fcr aufdringliche Werbung oder \"fl\u00fcchtige\" Inhalte. Die Einf\u00fchrung von Core Web Vitals sollte nicht \u00fcberraschend sein, denn in der SEO-Branche wird seit Jahren \u00fcber \"Mobile-Friendly\" gesprochen, was nicht nur Responsive Design bedeutet, sondern auch die Verwendung optimaler Techniken zur Minimierung der Ladezeiten und Reduzierung des Datenverbrauchs. Warum?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Das Internet auf Mobilger\u00e4ten ist heutzutage schnell, die Rechenleistung ist auch nicht niedrig, aber man darf einen sehr wichtigen Aspekt nicht vergessen, der die andere Seite der Medaille bei der Implementierung von Core Web Vitals ist... das sogenannte Crawl Budget \ud83d\ude42 Sie fragen sich wahrscheinlich, was das miteinander zu tun hat? Ich erkl\u00e4re es gleich. Man muss aus globaler Perspektive auf das Netzwerk schauen (am 2. Januar 2021 gab es \u00fcber 1,83 Milliarden Websites). Das wird uns leicht verstehen lassen, dass eine schnelle und optimierte Website ein Geschenk f\u00fcr die Benutzer ist, aber auf ihre Weise versucht Google, seine Server zu entlasten, die tags\u00fcber Milliarden von Daten verarbeiten. Angenommen, 10% des Internets optimieren ihre Websites gem\u00e4\u00df den Richtlinien - die Einsparungen f\u00fcr Google w\u00e4ren astronomisch. Man darf auch nicht vergessen, dass Core Web Vitals-Kennzahlen in der Google Search Console verf\u00fcgbar sind.<\/span><\/p>\n<div id=\"attachment_3711\" style=\"width: 855px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/search-page-experience-zusammenfassung.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3711\" class=\"size-full wp-image-3711\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/search-page-experience-zusammenfassung.jpg\" alt=\"Search Page Experience - Zusammenfassung\" width=\"845\" height=\"805\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/search-page-experience-zusammenfassung.jpg 845w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/search-page-experience-zusammenfassung-300x286.jpg 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/search-page-experience-zusammenfassung-768x732.jpg 768w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/a><p id=\"caption-attachment-3711\" class=\"wp-caption-text\">Search Page Experience - Zusammenfassung<\/p><\/div>\n<h2><span style=\"font-weight: 400;\">Largest Contentful Paint (LCP) - Schl\u00fcsselwert 2,5 Sekunden - Core Web Vitals-Kennzahlen<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">LCP, das Laden des gr\u00f6\u00dften Inhalts der Website. Die Kennzahl scheint offensichtlich zu sein: Man \u00f6ffnet eine Seite, wartet auf das Laden - am besten mit einem Stoppuhr \ud83d\ude09 - und hat die gemessene Ladezeit. <\/span><span style=\"font-weight: 400;\">\ud83d\ude42<\/span><span style=\"font-weight: 400;\"> Nun, so einfach ist es nicht. Eine Website besteht nicht nur aus dem Front-End, sondern auch aus verschiedenen Skripten (z. B. JavaScript- oder jQuery-Bibliotheken), die oft auf unsichtbare Weise das vollst\u00e4ndige Laden der Seite verz\u00f6gern. Beachten Sie auch Websites, die Infinite Scroll verwenden. Es ist schwer hier von vollst\u00e4ndigem Laden zu sprechen.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In der Praxis misst LCP die Zeit bis zum Laden des gr\u00f6\u00dften Elements der Website. Das kann ein Bild, ein Video, Text usw. sein. Dabei sind die ersten 2,5 Sekunden entscheidend. In dieser Zeit sollte die Website bereit sein, vom Benutzer angenommen zu werden, ohne dass sich die Elemente verschieben. Die oben genannten Gr\u00fcnde erkl\u00e4ren, warum dies die wahrscheinlichsten Szenarien sind.<\/span><\/p>\n<div id=\"attachment_3712\" style=\"width: 855px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/largest-contentful-paint-core-web-vitals-faktoren.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3712\" class=\"size-full wp-image-3712\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/largest-contentful-paint-core-web-vitals-faktoren.png\" alt=\"Largest Contentful Paint - Core Web Vitals-Faktoren\" width=\"845\" height=\"300\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/largest-contentful-paint-core-web-vitals-faktoren.png 845w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/largest-contentful-paint-core-web-vitals-faktoren-300x107.png 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/largest-contentful-paint-core-web-vitals-faktoren-768x273.png 768w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/a><p id=\"caption-attachment-3712\" class=\"wp-caption-text\">Largest Contentful Paint - Core Web Vitals-Faktoren<\/p><\/div>\n<p><span style=\"font-weight: 400;\">Viele Menschen k\u00f6nnten auf die Idee kommen, einen besseren Hosting-Service zu w\u00e4hlen, anstatt teure technische Optimierung zu betreiben oder eine neue Website erstellen zu lassen. Wird diese L\u00f6sung funktionieren? Wahrscheinlich nicht. Zum Zeitpunkt des Schreibens dieses Artikels haben wir noch keine eindeutigen Tests durchgef\u00fchrt. Ich kann mit ziemlicher Sicherheit sagen, dass diese Ma\u00dfnahme sichtbare Ergebnisse in Form einiger Punkte bringen kann. Wenn jedoch Skripte von externen Websites mit \u00fcberlasteten Bibliotheken geladen werden, n\u00fctzt ein schneller Server nicht viel, da ein externer Faktor eine Rolle spielt. Um das etwas anschaulicher auszudr\u00fccken, k\u00f6nnten wir sagen: \"Das Einsetzen eines Motors aus einem Kleinwagen in <\/span><span style=\"font-weight: 400;\">einen P<\/span><span style=\"font-weight: 400;\">orsche wird den Porsche nicht schneller machen, auch wenn er aerodynamisch geformt ist.\" Besondere Aufmerksamkeit sollte darauf gerichtet sein, komplexe Bibliotheken nur zu implementieren, um beispielsweise einen Slider oder ein Bild zu erstellen, das beim Klicken vergr\u00f6\u00dfert wird, oder in WordPress 20 oder mehr Plugins zu installieren.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Auswirkungen des Servers\/Hostings auf LCP<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">In dem Abschnitt, der sich direkt auf LCP bezieht, habe ich geschrieben, dass ein besserer Server eine schlechte Website nicht retten wird, und das behaupte ich mit voller Verantwortung, aber es gibt besondere F\u00e4lle, in denen ein Serverwechsel das Problem weitgehend l\u00f6sen kann. Ihr denkt wahrscheinlich: \"Wie kann das sein?\" Dies gilt insbesondere f\u00fcr Websites, bei denen die technische Optimierung ordnungsgem\u00e4\u00df durchgef\u00fchrt wurde, aber die Ergebnisse immer noch unbefriedigend sind. In einem solchen Fall sollte man sich den technischen L\u00f6sungen des Servers zuwenden und sich fragen: Nutze ich ein Shared Hosting oder habe ich einen eigenen Server? Wahrscheinlich lautet die Antwort: Shared Hosting. Damit kommen wir zum Kern der Sache. Wenn jemand innerhalb eines Servers seinen Service intensiv nutzt, Spam versendet usw., dann belastet er einerseits den Server stark und provoziert andererseits Google dazu, eine Strafe auf die IP-Adresse zu setzen, was zu pl\u00f6tzlichen drastischen Abst\u00fcrzen f\u00fchren kann. Eine optimale L\u00f6sung ist die Nutzung eigener dedizierter Server, aber das bringt hohe Kosten mit sich, sowohl f\u00fcr den Kauf als auch f\u00fcr die Wartung.<\/span><\/p>\n<div id=\"attachment_3713\" style=\"width: 530px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/merkmale-eines-guten-hostings.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3713\" class=\"size-full wp-image-3713\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/merkmale-eines-guten-hostings.png\" alt=\"Merkmale eines guten Hostings\" width=\"520\" height=\"520\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/merkmale-eines-guten-hostings.png 520w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/merkmale-eines-guten-hostings-300x300.png 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/merkmale-eines-guten-hostings-150x150.png 150w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/a><p id=\"caption-attachment-3713\" class=\"wp-caption-text\">Merkmale eines guten Hostings<\/p><\/div>\n<p><span style=\"font-weight: 400;\">Vor allem sollte man ein Hosting w\u00e4hlen, \"mit dem man in Kontakt steht\", und sicher sein, dass es mit zahlreichen Meinungen unterst\u00fctzt wird, die besagen, dass es technische Probleme <\/span><span style=\"font-weight: 400;\">bew\u00e4ltigen und <\/span><span style=\"font-weight: 400;\">vor allem DDoS-Hackerangriffe abwehren kann. Derzeit erstellen Hostinganbieter h\u00e4ufig Backups der Daten ihrer Kunden und verf\u00fcgen \u00fcber beschleunigende Tools zum Laden von Daten wie LiteSpeed oder REDIS in WordPress sowie das HTTP\/2-Protokoll, das die Leistung von Websites deutlich beschleunigen kann.<\/span><\/p>\n<div id=\"attachment_3714\" style=\"width: 2058px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/ddos-angriff.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3714\" class=\"size-full wp-image-3714\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/ddos-angriff.png\" alt=\"DDoS-Angriff\" width=\"2048\" height=\"1479\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/ddos-angriff.png 2048w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/ddos-angriff-300x217.png 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/ddos-angriff-1024x740.png 1024w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/ddos-angriff-768x555.png 768w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/ddos-angriff-1536x1109.png 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><p id=\"caption-attachment-3714\" class=\"wp-caption-text\">DDoS-Angriff<\/p><\/div>\n<h3><span style=\"font-weight: 400;\">Wie optimiert man LCP:<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Volle Optimierung von Grafiken, Verwendung moderner und empfohlener Formate wie WebP\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimierung<\/span><span style=\"font-weight: 400;\"> der Serverantwortzeit<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimierung <\/span><span style=\"font-weight: 400;\">und Minimierung von CSS- und JS-Sti<\/span><span style=\"font-weight: 400;\">len.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">First Input Delay (FID) - Aktion Reaktion - Core Web Vitals-Kennzahlen<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">First Input Delay, das bedeutet die Verz\u00f6gerung der ersten Interaktion. In der Praxis ist dies die Zeit, die ben\u00f6tigt wird, damit eine Website nach einer Interaktion durch den Benutzer, z. B. dem Klicken auf eine URL, reagiert. Es wird die Zeit von der Interaktion bis zum vollst\u00e4ndigen Laden der Seite gemessen.<\/span><\/p>\n<div id=\"attachment_3715\" style=\"width: 855px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/first-input-delay-core-web-vitals-faktoren.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3715\" class=\"size-full wp-image-3715\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/first-input-delay-core-web-vitals-faktoren.png\" alt=\"First Input Delay - Core Web Vitals-Faktoren\" width=\"845\" height=\"300\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/first-input-delay-core-web-vitals-faktoren.png 845w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/first-input-delay-core-web-vitals-faktoren-300x107.png 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/first-input-delay-core-web-vitals-faktoren-768x273.png 768w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/a><p id=\"caption-attachment-3715\" class=\"wp-caption-text\">First Input Delay - Core Web Vitals-Faktoren<\/p><\/div>\n<h3><span style=\"font-weight: 400;\">Wie misst man FID:<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ein guter FID-Wert liegt unter oder gleich 100 ms<\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ein <\/span><span style=\"font-weight: 400;\">FID-Wert, der verbessert werden muss: 101-300 <\/span><span style=\"font-weight: 400;\">ms.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ein<\/span><span style=\"font-weight: 400;\"> schlechter FID-Wert, der sofortige Reparatur erfordert: \u00fcber 300 ms.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Laut Google wird ein niedriger FID-Wert durch schlecht optimierten und \u00fcberladenen JavaScript-Code beeinflusst. Dies betrifft weitgehend vorgefertigte L\u00f6sungen, bei denen f\u00fcr die Implementierung einer einzigen L\u00f6sung eine ganze Bibliothek verwendet wird. Der Browser wird durch die Analyse des JavaScript-Codes blockiert, was zu Verz\u00f6gerungen bei der Reaktion auf Benutzerinteraktionen f\u00fchrt.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Wie optimiert man FID:<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Aufteilung des Codes in kleinere Aktionen, insbesondere des JavaScript-Codes\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Nutzung der Asynchronit\u00e4t\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Festlegung und Implementierung der Priorit\u00e4ten f\u00fcr das Laden von Inhalten\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verlagerung von Aktionen, die nicht mit der Benutzeroberfl\u00e4che zusammenh\u00e4ngen, aus dem Hauptthread heraus.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Cumulative Layout Shift (CLS) - visuelle Stabilit\u00e4t - Core Web Vitals-Kennzahlen<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Cumulative Layout Shift - kumulierte Layoutverschiebung. CLS ist eines der interessanteren Elemente des CWV, das auf den Benutzer ausgerichtet ist. Dieser Indikator bestimmt, inwieweit sich das Layout der Seite aufgrund unerwarteter Ereignisse und Verhaltensweisen auf dem Bildschirm verschoben hat. Es geht um Verschiebungen, die nicht mit der Benutzerinteraktion zusammenh\u00e4ngen und die auf programmierungsbedingte Probleme zur\u00fcckzuf\u00fchren sind.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Oft kann bereits nach dem Aktualisieren der Seite festgestellt werden, was Probleme mit der Verschiebung auf der Seite verursacht. Eine genauere Analyse ist mit Hilfe von Debugging-Tools f\u00fcr die Website m\u00f6glich.<\/span><\/p>\n<div id=\"attachment_3716\" style=\"width: 855px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/cumulativelayout-shift-core-web-vitals-faktoren.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3716\" class=\"size-full wp-image-3716\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/cumulativelayout-shift-core-web-vitals-faktoren.png\" alt=\"Cumulative Layout Shift - Core Web Vitals-Faktoren\" width=\"845\" height=\"300\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/cumulativelayout-shift-core-web-vitals-faktoren.png 845w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/cumulativelayout-shift-core-web-vitals-faktoren-300x107.png 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/cumulativelayout-shift-core-web-vitals-faktoren-768x273.png 768w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/a><p id=\"caption-attachment-3716\" class=\"wp-caption-text\">Cumulative Layout Shift - Core Web Vitals-Faktoren<\/p><\/div>\n<h3><span style=\"font-weight: 400;\">Die CLS-Werte werden wie folgt bewertet:<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Ein Wert kleiner oder gleich 0,1 wird als gut bewertet, \u00fcber 0,25 als schlecht.<\/span><\/p>\n<div id=\"attachment_3718\" style=\"width: 1053px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/anzeige-der-cls-in-der-google-search-console.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3718\" class=\"size-full wp-image-3718\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/anzeige-der-cls-in-der-google-search-console.png\" alt=\"Anzeige der CLS in der Google Search Console\" width=\"1043\" height=\"411\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/anzeige-der-cls-in-der-google-search-console.png 1043w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/anzeige-der-cls-in-der-google-search-console-300x118.png 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/anzeige-der-cls-in-der-google-search-console-1024x404.png 1024w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/anzeige-der-cls-in-der-google-search-console-768x303.png 768w\" sizes=\"auto, (max-width: 1043px) 100vw, 1043px\" \/><\/a><p id=\"caption-attachment-3718\" class=\"wp-caption-text\">Anzeige der CLS in der Google Search Console<\/p><\/div>\n<h3><span style=\"font-weight: 400;\">H\u00e4ufige Ursachen f\u00fcr CLS-Probleme:<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bewegliche Anzeigen, die schwer zu deaktivieren sind\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bilder ohne Abmessungen (width; height) - h\u00e4ufig ein Programmierkonflikt, da in den aktuellen Standards des Responsive Web Design (RWD) die Raster proportional angepasst werden, und die Bilder selbst das &lt;div&gt;-Element ausf\u00fcllen sollen, das in Media Queries oder z. B. im Bootstrap-Raster eine bestimmte Gr\u00f6\u00dfe hat. Meiner Meinung nach ist dies ein R\u00fcckschritt, da Google lineare Gr\u00f6\u00dfen bevorzugt, da es das Bild und den CSS-Code nicht analysieren muss - es hat alles \"auf dem Tablett\",\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">dynamische Inhalte, die mit JavaScript-Code generiert werden.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Wie man CLS optimiert:<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vermeide Inline-Styles\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Wenn deine Website Anzeigen enth\u00e4lt - verschiebe sie von der Oberseite der Seite in die Mitte oder nach unten\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">des Inhalts IFrame-Elemente in Divs oder Abschnitten mit festen Abmessungen einbetten\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verwende Bilder mit im Code angegebenen Abmessungen.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Core Web Vitals-Simulator - Lighthouse Scoring Calculator<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Unter <a href=\"https:\/\/googlechrome.github.io\/lighthouse\/scorecalc\/#FCP=2210&amp;SI=0&amp;LCP=0&amp;TTI=0&amp;TBT=0&amp;CLS=0&amp;FMP=0&amp;FCI=0&amp;device=mobile&amp;version=6\" target=\"_blank\" rel=\"nofollow noopener\">dieser Adresse<\/a> steht das Lighthouse Scoring Calculator-Tool zur Verf\u00fcgung, das die Simulation von Daten zur Seitengeschwindigkeit und<\/span><span style=\"font-weight: 400;\"> den <\/span><span style=\"font-weight: 400;\">CWV erm\u00f6glicht.<\/span><\/p>\n<div id=\"attachment_3719\" style=\"width: 1067px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/lighthouse-scoring-calculator.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3719\" class=\"size-full wp-image-3719\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/lighthouse-scoring-calculator.jpg\" alt=\"Lighthouse Scoring Calculator\" width=\"1057\" height=\"681\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/lighthouse-scoring-calculator.jpg 1057w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/lighthouse-scoring-calculator-300x193.jpg 300w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/lighthouse-scoring-calculator-1024x660.jpg 1024w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/lighthouse-scoring-calculator-768x495.jpg 768w\" sizes=\"auto, (max-width: 1057px) 100vw, 1057px\" \/><\/a><p id=\"caption-attachment-3719\" class=\"wp-caption-text\">Lighthouse Scoring Calculator<\/p><\/div>\n<h2><span style=\"font-weight: 400;\">PageSpeed Insights - Messdaten<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">PageSpeed Insights misst folgende Daten:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">First Contentful Paint (Erstes Inhaltsrendering)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Speed Index (Geschwindigkeitsindex)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Largest Contentful Paint (Gr\u00f6\u00dftes Inhaltsrendering)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Time to Interactive (Zeit bis zur vollst\u00e4ndigen Interaktivit\u00e4t)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Total Blocking Time (Gesamte Blockierungszeit)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cumulative Layout Shift (Kumulierte Layoutverschiebung)<\/span><\/li>\n<\/ul>\n<div id=\"attachment_3720\" style=\"width: 693px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/pagespeed-insights-messdaten.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3720\" class=\"size-full wp-image-3720\" src=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/pagespeed-insights-messdaten.png\" alt=\"PageSpeed Insights - Messdaten\" width=\"683\" height=\"259\" srcset=\"https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/pagespeed-insights-messdaten.png 683w, https:\/\/green-fields.pl\/de\/wp-content\/uploads\/sites\/12\/2021\/05\/pagespeed-insights-messdaten-300x114.png 300w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/a><p id=\"caption-attachment-3720\" class=\"wp-caption-text\">PageSpeed Insights - Messdaten<\/p><\/div>\n<h2><span style=\"font-weight: 400;\">First Contentful Paint (Erstes Inhaltsrendering) - FCP\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">FCP misst die Zeit, die der Browser ben\u00f6tigt, um das erste Fragment des DOM-Inhalts nach dem Betreten der Seite durch den Benutzer anzuzeigen. Das erste Inhaltsrendering umfasst:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Serverantwortzeit (TTFB)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ladezeit des Inhalts und Renderzeit<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Speed Index (Geschwindigkeitsindex)<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Der Geschwindigkeitsindex dient zur Messung der Anzeige des Seiteninhalts w\u00e4hrend des Ladevorgangs. Lighthouse zeichnet ein Video mit dem Laden der Website auf und berechnet den Fortschritt zwischen den Frames.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">M\u00f6glichkeiten zur Verbesserung des Geschwindigkeitsindex:<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimierung des JavaScript-Codes\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimierung von Bildern und Anzeige im \"Lazy Loading\"- Modus<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cache-Nutzung<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Time to Interactive (Zeit bis zur vollst\u00e4ndigen Interaktivit\u00e4t) (TTI)<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Dies ist die Zeit, die ben\u00f6tigt wird, um die Seite so zu laden, dass der Benutzer sie verwenden und mit den sichtbaren Elementen interagieren kann.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Total Blocking Time (Gesamte Blockierungszeit) - TBT<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Dies ist die Gesamtzeit, die die geladenen Ressourcen blockiert haben. Es wurde durch FID ersetzt.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Time to first byte (Zeit bis zum ersten Byte) - TTFB\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Time to first byte ist ein Wert, der in Mikrosekunden angegeben wird und urspr\u00fcnglich auf Engp\u00e4sse im Ladevorgang der Seite hinweisen sollte. TTFB misst die Zeit vom Zeitpunkt der Anfrage an den Server bis zum Erhalt der ersten Datenbytes. In der Praxis ist dies eine der beliebtesten Methoden zur Messung der Ladegeschwindigkeit einer Seite, aber sie enth\u00e4lt einige Feinheiten, die diesen Prozess erheblich verlangsamen k\u00f6nnen und nicht zwangsl\u00e4ufig auf den Server selbst zur\u00fcckzuf\u00fchren sind, sondern auf eine fehlerhafte Architektur der Anwendung \/ Seite. TTFB ist definitiv keine angemessene Methode zur Messung der Serverleistung, es passt viel besser als ein Tool zur Messung der Website-Optimierung.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">M\u00f6glichkeiten zur Verbesserung von TTFB<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimierung und Verk\u00fcrzung der Serverreaktionszeit (TTFB)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Optimierung der Architektur\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">der Website Implementierung einer CDN\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vermeidung von mehrfachen Umleitungen.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Messwerkzeuge f\u00fcr Core Web Vitals und die Ladegeschwindigkeit von Websites<\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"nofollow noopener\">Google PageSpeed Insights<\/a> - Einfach die URL der Seite einf\u00fcgen und auf \"ANALYSIEREN\" klicken, um einen Geschwindigkeitsbericht der Seite und technische Probleme im Zusammenhang mit schlechter Codeoptimierung zu erhalten.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/en-gb\/marketing-strategies\/app-and-mobile\/mobile-tools-to-optimize-site-and-app\/\" target=\"_blank\" rel=\"nofollow noopener\">Test My Site mit Think with Google<\/a> - Dieses Tool dient zur Analyse der Geschwindigkeit der Seite auf Mobilger\u00e4ten. Einfach den Link einf\u00fcgen und Enter dr\u00fccken. Eine interessante Funktion ist die M\u00f6glichkeit, die Ladegeschwindigkeit unserer Website mit der Website der Konkurrenz zu vergleichen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"nofollow noopener\">web.dev<\/a> - ein Tool, das Page Speed und Lighthouse sehr \u00e4hnelt. Es misst die Interaktionszeit, die Serverantwort und \"Leistung\", \"Barrierefreiheit\", \"Best Practices\" und \"SEO\". Web.Dev gibt auch Hinweise zur Beschleunigung des Seitenladens. Lighthouse - funktioniert im Chrome-Browser (Rechtsklick -&gt; Untersuchen -&gt; Lighthouse). Um dieses Tool zu nutzen, m\u00fcssen Sie die Seite aufrufen, die Sie \u00fcberpr\u00fcfen m\u00f6chten. Google Analytics -&gt; Bericht \"Seitengeschwindigkeit\"<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"nofollow noopener\">WebPage Test<\/a> - erm\u00f6glicht die Auswahl des Standorts und des Browsertyps, mit dem Tests durchgef\u00fchrt werden sollen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Pingdom Website Speed Test<\/a> - ein \u00fcbersichtliches Tool, das die Ladezeit, Blockierung, DNS-Antwortzeit anzeigt und die M\u00f6glichkeit bietet, den Standort auszuw\u00e4hlen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/loadimpact.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Load Impact<\/a> - erm\u00f6glicht die \u00dcberpr\u00fcfung der Geschwindigkeit einer Website je nach Anzahl der Benutzer, die die Website besuchen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"nofollow noopener\">GTMetrix<\/a> - ein \u00e4u\u00dferst funktionsreiches Analysetool. Ein Pluspunkt ist die M\u00f6glichkeit, PDF-Berichte zu erstellen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.dotcom-tools.com\/website-speed-test\" target=\"_blank\" rel=\"nofollow noopener\">DotCom<\/a> - f\u00fchrt Messungen f\u00fcr verschiedene Standorte durch. Super! Monitoring - kombiniert Daten von Page Speed und Lighthouse.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/performance.sucuri.net\/\" target=\"_blank\" rel=\"nofollow noopener\">Sucuri Load Time Tester<\/a> - zeigt Informationen zur Verbindungsgeschwindigkeit und zum Zeitpunkt des ersten Datenbytes. Es erm\u00f6glicht Messungen von verschiedenen Standorten.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.uptrends.com\/tools\/website-speed-test\" target=\"_blank\" rel=\"nofollow noopener\">Website Speed Test Uptrends<\/a> - zeigt Informationen zur Gesamtladezeit der Seite.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Page Speed Inside - typische Mitteilungen<\/span><\/h2>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Entfernen Sie ungenutzten CSS-Code\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Minimieren Sie CSS\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verz\u00f6gern Sie das Laden von Bildern au\u00dferhalb des Bildschirms\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Zeigen Sie Bilder in neuen Formaten<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Sie keine passiven Detektoren zur Verbesserung des Scrollens\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u00c4ndern Sie die Gr\u00f6\u00dfe von Bildern\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vermeiden Sie mehrfache Umleitungen\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Beseitigen Sie blockierende Ressourcen\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Entfernen Sie ungenutztes JavaScript\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vermeiden Sie sehr gro\u00dfe Netzwerklasten\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verwenden Sie effiziente Bildcodierung\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Minimieren Sie die Aktivit\u00e4t des Hauptthreads\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Stellen Sie Text w\u00e4hrend des Ladens von Webfonts sichtbar\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vorladen wichtiger Anfragen\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Zeigen Sie statische Ressourcen mit effizienten Cache-Richtlinien an\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verk\u00fcrzen Sie die Ausf\u00fchrungszeit von JavaScript<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vermeiden Sie ein zu gro\u00dfes DOM\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vermeiden Sie das Erstellen von langen Ketten von kritischen Anfragen Die Anzahl der Anfragen und die \u00fcbertragenen Daten sollten gering sein\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Minimieren Sie JavaScript\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Aktivieren Sie die Textkompression\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bauen Sie zuvor Verbindungen zu erforderlichen Quellen auf\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verwenden Sie Videoformate f\u00fcr Animationen\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Verwenden Sie keine Anweisungen document.write()<\/span><\/li>\n<\/ol>\n<h2><span style=\"font-weight: 400;\">Fazit<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Core Web Vitals sind ein klares Signal an Website-Besitzer, was sie verbessern sollten. Mit Hilfe von Messinstrumenten wie Page Speed oder Lighthouse erhalten sie praktisch alle Informationen. Google f\u00f6rdert auf diese Weise indirekt die Optimierung von Websites durch Verbesserung des Codes, Optimierung von Grafiken und Verwendung nur notwendiger Skripte auf der Seite. Mit hoher Wahrscheinlichkeit wird dies zu einer gr\u00f6\u00dferen Beteiligung von <a href=\"https:\/\/green-fields.pl\/de\/angebot\/website-positionierung\/\">SEO-Spezialisten<\/a> am Prozess der Website-Erstellung f\u00fchren. Derzeit wurden sie oft \u00fcbergangen, und als Ergebnis haben die Entwickler eine bequeme und leistungsstarke L\u00f6sung verwendet, <a href=\"https:\/\/green-fields.pl\/de\/blog\/ranking-der-internet-suchmaschinen\/\">die nicht unbedingt f\u00fcr Suchmaschinen optimiert ist<\/a>. Der Kunde erhielt eine Website, die einerseits funktionierte, aber deren Optimierungsergebnisse wie ein Anker waren, der die Website au\u00dferhalb der Top 10 in den Suchergebnissen hielt. Nat\u00fcrlich kann man hier ein zweites Gesicht sehen - nicht optimierte Websites m\u00fcssen in <a href=\"https:\/\/green-fields.pl\/de\/angebot\/google-ads-kampagnen\/\">Google Ads-Kampagnen<\/a> investieren - und dies sind wahrscheinlich gr\u00f6\u00dfere Betr\u00e4ge als bei der optimierten Konkurrenz (Qualit\u00e4tsfaktor). Infolgedessen gleicht Google die zus\u00e4tzliche Zeit f\u00fcr die Indizierung aus. Schlie\u00dflich werden Websites f\u00fcr Kunden erstellt, um zu verkaufen, und nicht nur, um im Internet zu sein. CWV sollte bereits bei der Gestaltung ber\u00fccksichtigt werden, wenn wir davon ausgehen, dass unser Gesch\u00e4ft sichtbar und die Konversionsrate maximal niedrig sein soll.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">[<strong>Aktualisierung<\/strong>] Die Daten zur Bewertung der Core Web Vitals-Kennzahlen wurden gem\u00e4\u00df den Richtlinien von Google vom 17.02.2021 aktualisiert.<\/span><\/p>\n<p><em><span style=\"font-weight: 400;\"> Autor: \u0141ukasz Pietruszka<\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Core Web Vitals sind ein neuer Google-Rankingfaktor. Er wurde Mitte 2020 bekannt gegeben und wird voraussichtlich \u00e4hnliche Auswirkungen auf die Suchergebnisse haben wie der Google-Pinguin-Algorithmus im Jahr 2012, der Spam aus dem Netzwerk entfernte. Warum erw\u00e4hne ich das? Weil Core Web Vitals als Rankingfaktor gut optimierte, schnelle, effiziente, sichere und stabile Websites belohnen werden, w\u00e4hrend [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3723,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-3682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/posts\/3682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/comments?post=3682"}],"version-history":[{"count":10,"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/posts\/3682\/revisions"}],"predecessor-version":[{"id":4013,"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/posts\/3682\/revisions\/4013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/media\/3723"}],"wp:attachment":[{"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/media?parent=3682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/categories?post=3682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/green-fields.pl\/de\/wp-json\/wp\/v2\/tags?post=3682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}