{"id":250660,"date":"2020-11-16T09:02:57","date_gmt":"2020-11-16T09:02:57","guid":{"rendered":"https:\/\/www.ezoic.com\/so-optimieren-sie-core-web-vitals-in-der-google-suchkonsole\/"},"modified":"2021-07-26T20:51:28","modified_gmt":"2021-07-26T20:51:28","slug":"so-optimieren-sie-core-web-vitals-in-der-google-suchkonsole","status":"publish","type":"post","link":"https:\/\/wp.ezoic.com\/de-lang\/so-optimieren-sie-core-web-vitals-in-der-google-suchkonsole\/","title":{"rendered":"So optimieren Sie Core Web Vitals in der Google-Suchkonsole"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.7.5&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]Google <a href=\"https:\/\/webmasters.googleblog.com\/2020\/05\/evaluating-page-experience.html\" target=\"_blank\" rel=\"noopener\">k\u00fcndigte<\/a> k\u00fcrzlich an, dass bevorstehende \u00c4nderungen an der Suchkonsole durch die Aufnahme von Core Web Vitals als neue Metriken, die die Art und Weise, wie Google die Geschwindigkeit und die Leistung der Webseite misst, erweitern. Mit der Ank\u00fcndigung stellte Google Informationen \u00fcber einen sechsmonatigen Zeitrahmen zur Verf\u00fcgung, in dem diese Metriken \u00fcberwacht werden, bevor sie jemals als Teil von Suchrankings verwendet werden. Jedes Mal, wenn Google \u00c4nderungen wie diese vornimmt, fragen sich Publisher wahrscheinlich: &#8220;Wie kann ich Core Web Vitals optimieren?<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-243278\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/search-console-core-web-vitals-1024x402.jpeg\" alt=\"Search Console view: Core Web Vitals\" width=\"1024\" height=\"402\" \/>Diese neuen Metriken k\u00f6nnen in der <a href=\"https:\/\/search.google.com\/search-console\/\" target=\"_blank\" rel=\"noopener\">Google-Suchkonsole<\/a> gefunden werden.\u00a0 Was fr\u00fcher der &#8220;Speed Report&#8221; war, ist jetzt die Registerkarte Core Web Vitals. Die Daten werden aus dem Chrome Nutzererlebnis-Report (auch als CrUX bekannt) gezogen. Im Folgenden zeigen wir Ihnen, wie Sie die Core Web Vital-Metriken optimieren k\u00f6nnen.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Was_sind_Core_Web_Vital-Metriken\"><\/span>Was sind Core Web Vital-Metriken?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die Core Web Vitals sind eine Reihe von Metriken in Bezug auf Geschwindigkeit, Reaktionszeit und visuelle Stabilit\u00e4t, die den Betreibern von Seiten helfen sollen, das Nutzererlebnis im Web zu messen. Sie wurden vom Chrome-Team bei Google eingef\u00fchrt.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-243158\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/google-core-web-vitals.jpeg\" alt=\"Google's Core Web Vitals\" width=\"960\" height=\"540\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/google-core-web-vitals.jpeg 960w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/google-core-web-vitals-300x169.jpeg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/google-core-web-vitals-768x432.jpeg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>Die drei Faktoren, aus denen sich die Core Web Vitals zusammensetzen, sind <strong>das Laden, die Interaktivit\u00e4t und die visuelle Stabilit\u00e4t<\/strong>.\u00a0Aber welche Metriken umfassen diese Faktoren?<\/p>\n<blockquote><p><strong>Laden<\/strong>: Largest Contentful Paint (LCP)- <strong>Interaktivit\u00e4t<\/strong>: First Input Delay (FID) <strong>Visuelle Stabilit\u00e4t<\/strong>: Cumulative Layout Shift (CLS)<\/p><\/blockquote>\n<p>Einige dieser Leistungsmetriken sind bei Publishern \u00fcblich, wie z.B. First Input Delay (FID). Wir behandeln diese Metrik in unserem <a href=\"\/?p=331364\">Artikel \u00fcber die Statistiken zur durchschnittlichen Seitengeschwindigkeit im Jahr 2020<\/a>. Metriken wie &#8220;Largest Contentful Paint&#8221; (LCP) und &#8220;Cumulative Layout Shift&#8221; (CLS) wurden jedoch im Wesentlichen von Google gepr\u00e4gt und erstellt. Zu wissen, was diese Metriken tats\u00e4chlich bedeuten, ist wichtig, um zu optimieren und zu verstehen, wann diese Metriken wichtig sind und wann nicht.<\/p>\n<blockquote><p><strong>Wichtig<\/strong>: Die Core Web Vitals sind eine neue Methode zur Messung der Leistung einer Webseite, die weitaus differenzierter ist als nur &#8220;schnell oder langsam&#8221; und Messungen umfasst, die weitgehend von Google gepr\u00e4gt sind und m\u00f6glicherweise nicht das tats\u00e4chliche Nutzererlebnis eines Nutzers widerspiegeln.<\/p><\/blockquote>\n<h3>Was ist CLS (Cumulative Layout Shift)?<\/h3>\n<p>CLS (Cumulative Layout Shift) ist eine Metrik zum Laden von Webseiten zur Messung der visuellen Stabilit\u00e4t. Sie zielt darauf ab, zu quantifizieren, <strong>wie oft Nutzer unerwartete Layout-Verschiebungen erleben<\/strong>. Unten sehen Sie ein Beispiel f\u00fcr eine Seite, die wahrscheinlich einen hohen CLS hat. Der Nutzer setzt den Cursor auf die Auswahl &#8220;Nein, zur\u00fcck&#8221;, und kurz bevor er klickt, verschiebt sich das Layout, und &#8220;Ja, meine Bestellung aufgeben&#8221; wird versehentlich gew\u00e4hlt. Dies f\u00fchrt zu einem schlechten Nutzererlebnis.<\/p>\n<div style=\"width: 1000px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-250660-1\" width=\"1000\" height=\"714\" loop=\"1\" autoplay=\"1\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/AccidentalSubmit.webm?_=1\" \/><a href=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/AccidentalSubmit.webm\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/AccidentalSubmit.webm<\/a><\/video><\/div>\n<blockquote><p>Unerwartete Bewegungen des Seiteninhalts treten in der Regel auf, weil Ressourcen asynchron geladen werden oder DOM-Elemente dynamisch der Seite oberhalb des bestehenden Inhalts hinzugef\u00fcgt werden. \u2014<a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web.Dev<\/a><\/p><\/blockquote>\n<p>Dinge, die einen hohen CLS verursachen k\u00f6nnten:<\/p>\n<ul>\n<li>Bild oder Video mit unbekannter Gr\u00f6\u00dfe<\/li>\n<li>Rendern von Schriften<\/li>\n<li>Anzeigen von Drittanbietern, deren Gr\u00f6\u00dfe sich dynamisch \u00e4ndert<\/li>\n<\/ul>\n<p>Eines der gro\u00dfen Probleme ist, dass eine Webseite f\u00fcr Nutzer anders aussehen und sich anders verhalten kann als f\u00fcr Entwickler. Bilder und andere Elemente befinden sich oft bereits im Browser-Cache des Entwicklers, und API-Aufrufe, die lokal ausgef\u00fchrt werden, sind oft so schnell, dass die Verz\u00f6gerung oder Verschiebungen nicht bemerkbar sind.<\/p>\n<figure id=\"attachment_243228\" aria-describedby=\"caption-attachment-243228\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-243228 size-large\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.44.48-AM-1024x268.png\" alt=\"One of the core web vitals: Cumulative Layout Shift (CLS). A good range is between .1 and .25\" width=\"1024\" height=\"268\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.44.48-AM-1024x268.png 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.44.48-AM-300x78.png 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.44.48-AM-768x201.png 768w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.44.48-AM.png 1438w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-243228\" class=\"wp-caption-text\"><em>Quelle: <\/em><a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web.dev<\/a><\/figcaption><\/figure>\n<p>In den Augen von Google tr\u00e4gt also ein niedriger <strong>CLS<\/strong> dazu bei, dass die Seite f\u00fcr die Nutzer einwandfrei funktioniert. Der gute Bereich liegt bei unter 1ms.<\/p>\n<h3>Was ist FID First Input Delay?<\/h3>\n<p>Der First Input Delay (FID) misst die Zeit zwischen der ersten Interaktion eines Nutzers mit Ihrer Seite (d.h. wenn er auf etwas klickt) und der Zeit, die der Browser in der Lage ist, auf die Interaktion zu reagieren.<\/p>\n<figure id=\"attachment_243175\" aria-describedby=\"caption-attachment-243175\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-243175 size-large\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-01-at-4.10.30-PM-1024x263.png\" alt=\"one of the core web vitals: First input Delay (FID) range\" width=\"1024\" height=\"263\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-01-at-4.10.30-PM-1024x263.png 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-01-at-4.10.30-PM-300x77.png 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-01-at-4.10.30-PM-768x197.png 768w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-01-at-4.10.30-PM.png 1318w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-243175\" class=\"wp-caption-text\"><em>Quelle:<\/em> <a href=\"https:\/\/web.dev\/fid\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web.dev<\/a><\/figcaption><\/figure>\n<p>Um in den &#8220;guten&#8221; Bereich eingestuft zu werden, sollten Publisher einen FID von weniger als 100 Millisekunden anstreben. Der FID wird hier f\u00fcr das Nutzererlebnis in Betracht gezogen, da er widerspiegeln kann, wie schnell der Inhalt, um den ein Publisher bestrebt ist, auf Anfrage sofort zug\u00e4nglich ist. Wenn Sie eine WordPress-Seite haben, kommt die FID-Erh\u00f6hung wahrscheinlich von Ihren Plugins. Wenn Sie daran gew\u00f6hnt sind, Dinge im &#8220;Header&#8221; Ihrer Webseite hinzuzuf\u00fcgen, und wenn die Elemente in der Kopfzeile viele externe Javascript-Aufrufe t\u00e4tigen, verlangsamen Sie m\u00f6glicherweise das FID erheblich. F\u00fcr Nutzer von WordPress gilt dieser Ratschlag auch f\u00fcr <a href=\"\/?p=250241\">Plugins zur Geschwindigkeitsoptimierung<\/a>. Einige Publisher verwenden nicht nur ein, sondern gleich mehrere Optimierungs-Plugins zur exakt gleichen Zeit. Diese Plugins f\u00fchren oft externe Aufrufe aus, die den gegenteiligen Effekt haben und die FID erh\u00f6hen und Ihre Webseite verlangsamen k\u00f6nnen.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-243309 size-full\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/Untitled-presentation.jpg?_t=1591202606\" alt=\"speed plugins and core web vitals\" width=\"960\" height=\"540\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Untitled-presentation.jpg 960w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Untitled-presentation-300x169.jpg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Untitled-presentation-768x432.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/>Jegliche Tools oder Software zur Geschwindigkeitsoptimierung k\u00f6nnten sich potenziell auf das FID oder unsere n\u00e4chste Metrik LPC auswirken, wenn sie die Ausf\u00fchrung vieler Javascripts zur Ausf\u00fchrung erfordern. Wenn die Tools \u00fcber ein Plugin oder durch Hinzuf\u00fcgen eines Code-Snippets in den Header Ihrer Webseite geliefert werden, lohnt es sich zu pr\u00fcfen, wie sehr diese Tools Ihre FID- oder LCP-Scores tats\u00e4chlich beeintr\u00e4chtigen k\u00f6nnten.<\/p>\n<blockquote><p>&#8220;Wenn die Tools \u00fcber ein Plugin oder durch Hinzuf\u00fcgen eines Code-Snippets in den Header Ihrer Webseite geliefert werden, lohnt es sich zu pr\u00fcfen, wie sehr diese Tools Ihre FID- oder LCP-Scores tats\u00e4chlich beeintr\u00e4chtigen k\u00f6nnten.<\/p><\/blockquote>\n<h3>Was ist LCP (Largest Contentful Paint)?<\/h3>\n<p>LCP misst die &#8220;wahrgenommene&#8221; Ladegeschwindigkeit f\u00fcr den Besucher. Sie wurde &#8211; und wird wohl immer noch &#8211; am besten berechnet,<a href=\"\/?p=6066\"> indem man sich DOM Interactive ansieht<\/a>, aber jetzt betrachtet Google diese Interaktion etwas anders.<\/p>\n<figure id=\"attachment_243234\" aria-describedby=\"caption-attachment-243234\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-243234 size-large\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.48.14-AM-1024x263.png\" alt=\"One of the core web vitals: Largest contentful paint (LCP). An ideal range is less than 2.5 seconds\" width=\"1024\" height=\"263\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.48.14-AM-1024x263.png 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.48.14-AM-300x77.png 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.48.14-AM-768x197.png 768w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/Screen-Shot-2020-06-02-at-11.48.14-AM.png 1408w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-243234\" class=\"wp-caption-text\"><em>Quelle:<\/em> <a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web.dev<\/a><\/figcaption><\/figure>\n<p>Das meiste, was sich auf diese Metrik auswirkt, sind &#8220;<strong>Above the fold<\/strong>&#8220;-Bilder, Videoplayer und andere Medien, die Zeit zum Laden ben\u00f6tigen, bevor der Teil der Seite, den der Nutzer sieht und mit dem er interagiert, f\u00fcr ihn sofort verf\u00fcgbar ist. Diese m\u00fcssen schnell und zu Beginn geladen werden. Google m\u00f6chte also sicherstellen, dass <strong>alles, was ein Nutzer sieht, wenn er auf der Seite (above the fold) landet, schnell sichtbar ist und nicht herumspringt<\/strong>. Wenn Sie Medien-Widgets oder irgendetwas haben, das sich auf der Seite &#8220;bewegt&#8221;, k\u00f6nnte sich das negativ auf diese Metrik auswirken. <strong>Um dies zu optimieren, sind hier einige Dinge zu beachten:<\/strong><\/p>\n<ul>\n<li>Bewegliche Newsletter- oder Abonnement-Anmeldebalken<\/li>\n<li>Bewegliche Social-Media-Widgets<\/li>\n<li>Social-Media-Symbole, die zum Teilen von Artikeln \u00fcber dem Umbruch geladen werden<\/li>\n<li>Newsletter, Login oder Widgets, die im Ansichtsfenster des Besuchers eines Artikels geladen werden<\/li>\n<li>Videos, die oberhalb des Umbruchs laden (unten geben wir Optionen daf\u00fcr an)<\/li>\n<li>Bilder oberhalb des Umbruchs (unten geben wir Optionen daf\u00fcr an)<\/li>\n<li>Autor-Boxen, die automatisch mit Bildern auf die Seite eingef\u00fcgt werden<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Wie_unterscheidet_sich_LCP_von_FCP_First_Contentful_Paint\"><\/span>Wie unterscheidet sich LCP von FCP (First Contentful Paint)?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<blockquote><p><strong>LCP<\/strong> = Ber\u00fccksichtigt Dinge wie Medien\/Videos. Wann sieht der Nutzer, wie die eigentliche Seite aussehen wird? Selbst wenn andere Dinge im Hintergrund geladen werden.<\/p><\/blockquote>\n<blockquote><p><strong>FCP<\/strong> = Wann sieht der Nutzer Ihren Inhalt zum ersten Mal tats\u00e4chlich? Kein Men\u00fc l\u00e4dt, kein leerer Inhalt, aber wann sieht ein Nutzer Ihren Inhalt zum ersten Mal?<\/p><\/blockquote>\n<p>Wenn Sie auf Google PageSpeed Insights eine URL durchlaufen lassen, sehen Sie ein Beispiel sowohl f\u00fcr das FID als auch f\u00fcr das LCP. Im Bild unten sehen Sie eine leere wei\u00dfe Fl\u00e4che, was bedeutet, dass der Inhalt nicht umherspringt, wenn das Bild vollst\u00e4ndig geladen wird.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-243240\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/largest-contentful-paint-example-1024x161.jpeg\" alt=\"Largest Contentful paint example\" width=\"1024\" height=\"161\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/largest-contentful-paint-example-1024x161.jpeg 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/largest-contentful-paint-example-300x47.jpeg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/largest-contentful-paint-example-768x121.jpeg 768w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/largest-contentful-paint-example-1536x241.jpeg 1536w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/largest-contentful-paint-example-1568x246.jpeg 1568w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/largest-contentful-paint-example.jpeg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_Sie_CLS_beschleunigen_koennen\"><\/span>Wie Sie CLS beschleunigen k\u00f6nnen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Der beste Weg, CLS zu beschleunigen, ist das <a href=\"\/?p=330886\">Lazy Loading<\/a> von Bildern und Anzeigen. Wenn Sie dies jedoch tun, m\u00f6chten Sie sicherstellen, dass die &#8220;Pixel&#8221; f\u00fcr die Position dieser Elemente eingestellt sind.<\/p>\n<blockquote><p><strong>Zum Beispiel<\/strong>: Wenn der Inhalt in das untenstehende GIF geladen wird, sind <strong>alle Pl\u00e4tze f\u00fcr Anzeigen und Bilder bereits definiert.<\/strong> Wenn ein Bild noch nicht geladen wurde, weil wir sehr schnell scrollen, <strong>bewegt es sich nicht<\/strong>. Es w\u00e4re nur eine wei\u00dfe, leere Stelle, bis Sie das Bild schlie\u00dflich laden k\u00f6nnen.<\/p><\/blockquote>\n<div style=\"width: 1000px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-250660-2\" width=\"1000\" height=\"625\" loop=\"1\" autoplay=\"1\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/apple-toolbox-mobile-loading_1.mp4?_=2\" \/><a href=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/apple-toolbox-mobile-loading_1.mp4\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/apple-toolbox-mobile-loading_1.mp4<\/a><\/video><\/div>\n<p>Was Sie jetzt nicht wollen, ist, dass diese Bilder, Anzeigen oder Videos <strong>nachtr\u00e4glich geladen werden.<\/strong> Wenn Sie also Lazy Loading betreiben, stellen Sie sicher, dass Sie den Platz zur Verf\u00fcgung haben, damit Ihre Inhalte nicht herumspringen. Es gibt einen <a href=\"https:\/\/itnext.io\/how-to-stop-content-jumping-when-images-load-7c915e47f576\" target=\"_blank\" rel=\"noopener\">vollst\u00e4ndigen Guide online<\/a> mit mehreren CSS- und Javascript-Codes, die Ihnen helfen, Ihre Bilder und andere Inhalte korrekt zu formatieren, so dass sie beim Scrollen des Nutzers reibungslos geladen werden k\u00f6nnen. Hier ist ein Javascript-Code, mit dem Sie Ihre Bilder mit gen\u00fcgend &#8220;F\u00fcllung&#8221; verpacken k\u00f6nnen, um Spr\u00fcnge zu verhindern: <code>.wrapper {<br \/>\nposition: relative;<br \/>\nheight: 0;<br \/>\n\/* Formula is: (height \/ width * 100%) *\/<br \/>\npadding-top: calc(360 \/ 360 * 100%);<br \/>\n}<\/code> <code>.wrapper__img {<br \/>\nposition: absolute;<br \/>\ntop: 0;<br \/>\nleft: 0;<br \/>\nmax-width: 100%;<br \/>\nheight: auto;<br \/>\n}<\/code> Wenn Sie den <a href=\"\/?page_id=1954\">Ad Tester von Ezoic<\/a> verwenden, sind die Anzeigen, die auf Ihrer Webseite erscheinen, bereits richtig aufgef\u00fcllt, so dass der Inhalt Ihrer Webseite nicht mehr f\u00fcr den Nutzer herumspringt, sobald er scrollt. <strong>Erinnern Sie sich daran:<\/strong> Je besser das Nutzererlebnis, desto besser werden Ihre Core Web Vitals sein.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_LCP_verbessert_werden_kann\"><\/span>Wie LCP verbessert werden kann<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Eine hilfreiche Strategie zur Verbesserung des LCP, die \u00fcber das blo\u00dfe Lazy Loading hinausgeht, ist der Versuch, Thumbnails von Videos anstelle von ganzen Videos auf Ihre Seite zu laden. Es gibt hier einige Informationen dar\u00fcber, <a href=\"https:\/\/stackoverflow.com\/questions\/20075875\/how-to-set-the-thumbnail-image-on-html5-video\" target=\"_blank\" rel=\"noopener\">wie man das macht<\/a>. Wenn Sie WordPress verwenden, gibt es eine Reihe von Tools und Plugins, die es Ihnen erm\u00f6glichen, YouTube-Iframes als &#8220;Thumbnail&#8221; zu laden und der Nutzer muss zum Laden klicken, anstatt das Video beim Laden der Seite zu starten. Daf\u00fcr gibt es jetzt auch in WordPress einige systemeigene Funktionen.<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-243315 size-full aligncenter\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/featured-video-settings.png?_t=1591203372\" alt=\"wordpress web core vitals\" width=\"520\" height=\"350\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/featured-video-settings.png 520w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/featured-video-settings-300x202.png 300w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/p>\n<figure id=\"attachment_243254\" aria-describedby=\"caption-attachment-243254\" style=\"width: 680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-243254 size-full\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/wp-rocket-youtube-iframe.png\" alt=\"WP Rocket lazyload iframes video preview\" width=\"680\" height=\"338\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/wp-rocket-youtube-iframe.png 680w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/wp-rocket-youtube-iframe-300x149.png 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><figcaption id=\"caption-attachment-243254\" class=\"wp-caption-text\"><em>WP Rocket Plugin<\/em><\/figcaption><\/figure>\n<p>Stellen Sie sicher, dass die Bilder kleine Dateigr\u00f6\u00dfen haben und komprimiert sind, wenn Sie Bilder von Artikeldarstellern auf Ihr Handy laden. Eine gute Faustregel ist, darauf zu achten, dass Sie die Bilder optimieren. Bildgr\u00f6\u00dfen von weniger als 100 KB sind ideal. <strong>Die einfache Verwendung irgendeiner Art von Komprimierungssoftware oder eines Plugins\/Erweiterung wird nicht ausreichen<\/strong>. Wir empfehlen, sie neu zu skalieren und zu optimieren. <a href=\"\/?p=9452\">Wenn sie korrekt durchgef\u00fchrt werden, k\u00f6nnen die meisten Bilder auf 40kb oder weniger verkleinert werden<\/a>. Denken Sie daran, dass mobile Ansichtsfenster klein sind, so dass Bilder in den meisten F\u00e4llen nicht mehr als 650-800 Pixel breit sein m\u00fcssen. Dar\u00fcber hinaus ist es ein weiterer gro\u00dfer Vorteil der Webseiten-Optimierung, alle Bilder auf Ihrer Webseite in NextGen-Formaten laden zu k\u00f6nnen, da diese standardm\u00e4\u00dfig sehr kleine Dateigr\u00f6\u00dfen haben. Allerdings k\u00f6nnen diese nicht von allen Browsern geladen werden, so dass es keine Entschuldigung daf\u00fcr ist, die Bildgr\u00f6\u00dfen nicht zu optimieren.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_man_JavaScript_daran_hindert_die_FID-Zeit_zu_verlaengern\"><\/span>Wie man JavaScript daran hindert, die FID-Zeit zu verl\u00e4ngern<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Der einfachste Weg, JavaScript daran zu hindern, die FID-Zeit zu verl\u00e4ngern, ist <strong>sicherzustellen, dass Sie so wenig Javascript in den Header Ihrer Webseite einf\u00fcgen, dass das Laden f\u00fcr den Besucher verz\u00f6gert wird. <\/strong>Das bedeutet, dass Sie alle Skripte, die dem Header Ihrer Webseite hinzugef\u00fcgt wurden, und alle Plugins, die derzeit verwendet werden, bewerten m\u00fcssen, wenn es sich um eine WordPress-Webseite handelt. Je mehr unn\u00f6tige Javascripts Sie von Ihrer Webseite entfernen k\u00f6nnen, desto besser. Es lohnt sich, einen Blick auf den Code im Header Ihrer Webseite oder auf die Liste Ihrer WordPress-Plugins zu werfen, um zu sehen, ob einige davon abgeschaltet oder zur\u00fcckgestellt werden k\u00f6nnen, so dass sie nur auf den Seiten aktiv sind, auf denen sie verwendet werden.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wie_wichtig_sind_Core_Web_Vitals_fuer_Rankings\"><\/span>Wie wichtig sind Core Web Vitals f\u00fcr Rankings?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Realistisch betrachtet ist das Wichtigste f\u00fcr Google, dass der Nutzer ein gutes Suchergebnis erh\u00e4lt. Dies ist das wichtigste Ranking-Signal von Google, die &#8220;Suchzufriedenheit&#8221;. Nutzererlebnis f\u00fcr Google ist anders als Nutzererlebnis f\u00fcr einen Publisher. Google platziert das Top-Ergebnis am h\u00f6chsten, weil es das beste Ergebnis f\u00fcr eine bestimmte Suche ist, das ist nach ihrer Definition ein gutes Nutzererlebnis. Ein kleiner Teil davon kann das Nutzererlebnis der Webseite beinhalten, auf der der Besucher landet, und aus diesem Grund wird Google beginnen, Core Web Vitals zu verwenden, um zu verstehen, welche Seiten dies besser als andere tun k\u00f6nnten.<\/p>\n<blockquote><p>Google wird diese Daten verwenden, wenn sie versuchen, zwei sehr \u00e4hnliche Ergebnisse auszuwerten. Wenn alle anderen Dinge in Bezug auf den Inhalt gleich sind, wird Google wahrscheinlich so etwas wie die Core Web Vitals verwenden, um eine endg\u00fcltige Entscheidung zu treffen.<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-243260\" src=\"https:\/\/www.ezoic.com\/wp-content\/uploads\/2020\/06\/tiebreaker-core-web-vitals-1024x276.jpeg\" alt=\"Tiebreaker between results #7 &amp; #8. This is likely a scenario in the future where Google uses the Core Web Vitals\" width=\"1024\" height=\"276\" srcset=\"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/tiebreaker-core-web-vitals-1024x276.jpeg 1024w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/tiebreaker-core-web-vitals-300x81.jpeg 300w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/tiebreaker-core-web-vitals-768x207.jpeg 768w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/tiebreaker-core-web-vitals-1536x414.jpeg 1536w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/tiebreaker-core-web-vitals-1568x423.jpeg 1568w, https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/tiebreaker-core-web-vitals.jpeg 2046w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>Man kann es als Tie-Breaker betrachten. Was ist besser: Ergebnis 7 oder 8? Am wahrscheinlichsten ist es in solchen Situationen, in denen Google die Core Web Vitals anwenden k\u00f6nnte, um das Ranking der Suchergebnisse zu verschieben.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Optimierung_fuer_Core_Web_Vitals_mit_Ezoic\"><\/span>Optimierung f\u00fcr Core Web Vitals mit Ezoic<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wenn Sie ein Nutzer von Ezoic sind, besteht eine gute Chance, dass Ihnen wertvolle Ratschl\u00e4ge zur Optimierung Ihrer Seite f\u00fcr Web Core Web Vitals mit Ezoic entgehen. <a href=\"https:\/\/www.youtube.com\/watch?v=zAArAiwoeLE&amp;list=PLt7J02h9vbOTTqtoxkSJ48x8tDfr3h65Y&amp;index=2ility.\" target=\"_blank\" rel=\"noopener\">In diesem Webinar behandeln wir alles, von der Seitenintegration bis hin zu spezifischen Einstellungen in Ihrem Konto<\/a>, die bei der Verwendung von Ezoic einen entscheidenden Unterschied in der Geschwindigkeit Ihrer Seite machen k\u00f6nnen.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wird_die_Verbesserung_von_Core_Web_Vitals_SEO_helfen\"><\/span>Wird die Verbesserung von Core Web Vitals SEO helfen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Google behauptet, dass dies einige der M\u00f6glichkeiten zur Verbesserung von Core Web Vitals sind:<\/p>\n<ul>\n<li>Reduzieren Sie Ihre Seitengr\u00f6\u00dfe auf weniger als 500KB.<\/li>\n<li>Begrenzen Sie die Anzahl der Seitenressourcen auf 50.<\/li>\n<li>Erw\u00e4gen Sie die Verwendung von AMP.<\/li>\n<\/ul>\n<p>Publisher, die an <a href=\"\/?p=9293\">Google AMP<\/a> interessiert sind, haben es wahrscheinlich bereits erforscht. Aber es ist interessant, dass Google ihre eigene Entwicklung, AMP, als L\u00f6sung f\u00fcr einen neuen Satz von Metriken, die sie selbst erstellt haben, anpreist. <strong>Hier ist die Wahrheit<\/strong>: Konzentrieren Sie sich nicht zu sehr auf diese Metriken. Versuchen Sie aber, so viel Platz wie m\u00f6glich von Ihrer Webseite einzusparen. Wenn Sie ein Plugin f\u00fcr die CSS-Modifikation, ein anderes f\u00fcr die Bildkomprimierung und ein weiteres f\u00fcr die Webseiten-Geschwindigkeit verwenden, versuchen Sie ein Plugin zu finden, das alles kann, wie <a href=\"\/?page_id=27008\">Ezoic&#8217;s Site Speed Accelerator<\/a>. Am wichtigsten ist es, sich auf den <strong>Aufbau einer besseren Webseite zu konzentrieren und dem Nutzer ein besseres Nutzererlebnis zu bieten<\/strong>.\u00a0 Das \u00fcbertrumpft alles andere, woran Sie arbeiten, um diese Metriken zu verbessern.<\/p>\n<blockquote><p><strong>Denken Sie daran<\/strong>: Konzentrieren Sie sich auf Ihren Inhalt. Wenn Sie mehr Zeit auf diese Core Web Vitals als auf Ihre Inhalte verwenden, verschwenden Sie Ihre Zeit und schaden wahrscheinlich mehr, als dass Sie Gutes tun.<\/p><\/blockquote>\n<p>Haben Sie Fragen zu Googles Core Web Vitals und wie Sie diese optimieren k\u00f6nnen? Lassen Sie es mich in den Kommentaren wissen.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;3.22&#8243;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.7.5&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]Google k\u00fcndigte k\u00fcrzlich an, dass bevorstehende \u00c4nderungen an der Suchkonsole durch die Aufnahme von Core Web Vitals als neue Metriken, die die Art und Weise, wie Google die Geschwindigkeit und die Leistung der Webseite misst, erweitern.&hellip; <a class=\"more-link\" href=\"https:\/\/wp.ezoic.com\/de-lang\/so-optimieren-sie-core-web-vitals-in-der-google-suchkonsole\/\"><span class=\"screen-reader-text\">So optimieren Sie Core Web Vitals in der Google-Suchkonsole<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":5,"featured_media":243298,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-250660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-unkategorisiert","entry"],"tpgb_featured_images":{"full":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/shutterstock_1088919461.jpg",800,646,false],"tp-image-grid":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/shutterstock_1088919461.jpg",700,565,false],"thumbnail":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/shutterstock_1088919461-150x150.jpg",150,150,true],"medium":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/shutterstock_1088919461-300x242.jpg",300,242,true],"medium_large":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/shutterstock_1088919461-768x620.jpg",768,620,true],"large":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/06\/shutterstock_1088919461.jpg",800,646,false],"default":"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"16. November 2020","category_list":{"category":[{"term_id":1,"name":"Unkategorisiert","slug":"unkategorisiert","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":169,"filter":"raw"}],"post_tag":false,"post_format":false},"author_name":"Allen Longstreet","author_url":"https:\/\/wp.ezoic.com\/de-lang\/author\/allen\/","author_email":"alongstreet@ezoic.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["author"],"author_firstname":"Allen","author_lastname":"Longstreet","user_login":"allen","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/d3d9283760e71bb3ca24eef2f1cca086?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/d3d9283760e71bb3ca24eef2f1cca086?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' loading='lazy' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/d3d9283760e71bb3ca24eef2f1cca086?s=96&d=mm&r=g","comment_count":3,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"<a href=\"https:\/\/wp.ezoic.com\/de-lang\/category\/unkategorisiert\/\" alt=\"Unkategorisiert\" class=\"category-unkategorisiert\">Unkategorisiert<\/a> "},"_links":{"self":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/250660"}],"collection":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/comments?post=250660"}],"version-history":[{"count":1,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/250660\/revisions"}],"predecessor-version":[{"id":336049,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/250660\/revisions\/336049"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/media\/243298"}],"wp:attachment":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/media?parent=250660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/categories?post=250660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/tags?post=250660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}