	{"id":99794,"date":"2024-03-08T11:28:50","date_gmt":"2024-03-08T11:28:50","guid":{"rendered":"https:\/\/www.artefact.com\/?post_type=news&#038;p=99794"},"modified":"2024-10-09T09:00:19","modified_gmt":"2024-10-09T08:00:19","slug":"wird-der-neue-wert-inp-die-google-core-web-vitals-im-seo-revolutionieren","status":"publish","type":"news","link":"https:\/\/www.artefact.com\/de\/news\/wird-der-neue-wert-inp-die-google-core-web-vitals-im-seo-revolutionieren\/","title":{"rendered":"Wird der neue Wert INP die Google Core Web Vitals im SEO revolutionieren?"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling article-author\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:calc( 1440px + 20px );margin-left: calc(-20px \/ 2 );margin-right: calc(-20px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:10px;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-margin-bottom-small:8px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.2;\">Autor<\/h2><\/div><img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27150%27%20height%3D%270%27%20viewBox%3D%270%200%20150%200%27%3E%3Crect%20width%3D%27150%27%20height%3D%270%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2023\/01\/Lisa-Stellberg-Coprred-1024x1024.png\" alt=\"Image\" class=\"lazyload artefact-elegant-image align-left article-author-image\" style=\"width: 150px; border-radius: 54% 46% 77% 23% \/ 74% 40% 60% 26%; overflow: hidden;\" width=\"150\" height=\"auto\" \/><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-three article-author-name-title\" style=\"--awb-margin-bottom-small:8px;\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:20;line-height:1.2;\">Lisa Stellberg<\/h3><\/div><div class=\"fusion-text fusion-text-1 article-author-description\" style=\"--awb-text-transform:none;\"><p>Teamlead SEO<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:calc( 1440px + 20px );margin-left: calc(-20px \/ 2 );margin-right: calc(-20px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:10px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><\/div><\/div><article class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:calc( 1440px + 20px );margin-left: calc(-20px \/ 2 );margin-right: calc(-20px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:10px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:10px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:10px;--awb-spacing-left-medium:10px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:10px;--awb-spacing-left-small:10px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-2\" style=\"--awb-text-transform:none;\"><p>Google f\u00fchrt am 12. M\u00e4rz 2024 den Wert Interaction to Next Paint als neues Core Web Vital ein und erweitert damit die Optimierungsm\u00f6glichkeiten, die SEOs bisher beim Thema Pagespeed hatten.<br \/>\nPagespeed bezeichnet die Ladezeit und Performance einer Webseite. Die Ladegeschwindigkeit einer Webseite ist nicht nur ausschlaggebend f\u00fcr eine einwandfreie User-Experience, sondern auch ein von Google best\u00e4tigter Rankingfaktor, was sie zu einem der wichtigsten Bestandteile im technischen SEO macht.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#ff0066;--awb-margin-bottom-small:8px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.2;\">Welche Faktoren beeinflussen die Ladezeiten einer Website?<\/h2><\/div><div class=\"fusion-text fusion-text-3\" style=\"--awb-text-transform:none;\"><p>Die Ladezeiten einer Webseite k\u00f6nnen von verschiedenen Faktoren beeinflusst werden, die im Rahmen der Suchmaschinenoptimierung (SEO) eine wichtige Rolle spielen. Einige dieser Faktoren sind:<\/p>\n<\/div><ul style=\"--awb-iconcolor:#ffffff;--awb-line-height:27.2px;--awb-icon-width:27.2px;--awb-icon-height:27.2px;--awb-icon-margin:11.2px;--awb-content-margin:38.4px;\" class=\"fusion-checklist fusion-checklist-1 fusion-checklist-default type-icons\"><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Bildoptimierung<\/strong>: Bilder sind oft die gr\u00f6\u00dften Dateien auf einer Webseite und k\u00f6nnen die Ladezeit erheblich verlangsamen. Durch die Optimierung von Bildern, z.B. durch Komprimierung und richtige Formatwahl (z.B. WebP), k\u00f6nnen die Ladezeiten verbessert werden, ohne dabei die Bildqualit\u00e4t zu beeintr\u00e4chtigen. Als Grenzwert kann 100kb pro Bilddatei betrachtet werden.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Browser-Caching<\/strong>: Browser-Caching beschreibt das vor\u00fcbergehende und lokale Speichern von Daten, z. B. Bild- oder Textdateien, einer Website. Verl\u00e4sst der Benutzer die Seite und ruft diese zu einem sp\u00e4teren Zeitpunkt erneut auf, k\u00f6nnen diese Daten aus dem Cache schneller abgerufen werden und m\u00fcssen nicht jedes Mal erneut geladen werden.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Browser-Hinweise<\/strong>: Um dem Browser eine richtige Priorisierung bzw. Steuerung der zu ladenden Ressourcen mitzuteilen, wurden verschiedene Hinweis-Tags f\u00fcr Browser geschaffen: Preload, Prefetch und Preconnect.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><b>JavaScript- und CSS-Optimierung<\/b>:<span style=\"font-weight: 400;\"> Umfangreiche JavaScript- und CSS-Dateien k\u00f6nnen die Renderzeiten einer Webseite verl\u00e4ngern. Durch das Minimieren, Komprimieren und Optimieren dieser Dateien kann die Ladezeit reduziert werden.<\/span><\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Minimierung von HTTP-Requests<\/strong>: Jede Ressource auf einer Webseite, sei es ein Bild, ein Stylesheet oder ein Skript, erfordert einen separaten HTTP-Request, um heruntergeladen zu werden. Durch die Kombination und Minimierung von Ressourcen kann die Anzahl der HTTP-Requests reduziert und die Ladezeiten verk\u00fcrzt werden.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Netzwerk zur Bereitstellung von Inhalten (CDN)<\/strong>: Ein Content Delivery Network kann die Ladezeiten verbessern, indem es statische Ressourcen auf Servern in der N\u00e4he des Nutzers bereitstellt, was zu k\u00fcrzeren Ladezeiten und schnelleren Antwortzeiten f\u00fchrt.<\/p>\n<\/div><\/li><\/ul><div class=\"fusion-image-element\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\"fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"892\" height=\"1024\" alt=\"Welche Faktoren beeinflussen die Ladezeiten einer Webseite?\" title=\"Welche Faktoren beeinflussen die Ladezeiten einer Website?\" src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2.png\" data-orig-src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2-892x1024.png\" class=\"lazyload img-responsive wp-image-99795\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272100%27%20height%3D%272411%27%20viewBox%3D%270%200%202100%202411%27%3E%3Crect%20width%3D%272100%27%20height%3D%272411%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2-200x230.png 200w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2-400x459.png 400w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2-600x689.png 600w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2-800x918.png 800w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-2-1200x1378.png 1200w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 640px) 100vw, 892px\" \/><\/span><\/div><div class=\"fusion-text fusion-text-4\" style=\"--awb-text-transform:none;\"><p><em>Abbildung 1: Einflussfaktoren Ranking im Rahmen der Suchmaschinenoptimierung (SEO)<\/em><\/p>\n<\/div><div class=\"fusion-text fusion-text-5\" style=\"--awb-text-transform:none;\"><p>Indem Website-Betreiber diese Faktoren ber\u00fccksichtigen und optimieren, k\u00f6nnen sie die Ladezeiten ihrer Webseiten verbessern, was nicht nur zu einer besseren Nutzererfahrung f\u00fchrt, sondern auch ein wichtiger Faktor f\u00fcr SEO ist, da schnell ladende Seiten tendenziell h\u00f6her in den Suchergebnissen platziert werden. In Form der Core Web Vitals werden diese Faktoren gemessen.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-4 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#ff0066;--awb-margin-bottom-small:8px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.2;\">Was sind die Core Web Vitals?<\/h2><\/div><div class=\"fusion-text fusion-text-6\" style=\"--awb-text-transform:none;\"><p>Die Core Web Vitals sind Messwerte von Google, um die Ladezeit und das Gesamterlebnis der Nutzer einer Webseite zu bestimmen. Sie zeigen die Leistung einer URL gruppiert nach Status (schlecht, verbesserungsbed\u00fcrftig, gut) an.<\/p>\n<\/div><div class=\"fusion-text fusion-text-7\" style=\"--awb-text-transform:none;\"><p>Im Zusammenspiel mit anderen Daten, unter anderem echten Nutzerdaten, bewerten sie die Page Experience f\u00fcr Webseiten und sind seit Sommer 2021 offizielle Rankingfaktoren f\u00fcr Google. Aber warum legt Google so viel Wert auf die Performance von Webseiten? <a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520?hl=de\" target=\"_blank\" rel=\"noopener\">Laut Google<\/a> ist die Seitenleistung besonders wichtig, denn Absprungraten sind um 24% geringer, wenn die Webseite die Core Web Vitals-Grenzwerte einh\u00e4lt. Neben einer geringeren Abbruchrate beim Seitenaufbau konnten Werbetreibende auch einen Anstieg der Werbeeinnahmen um 18% und einen Anstieg der Seitenaufrufe um 27% erzielen. Kurz gesagt, die Core Web Vitals flie\u00dfen in die Bewertung der User-Experience von Google ein und k\u00f6nnen somit das Ranking positiv oder negativ beeinflussen. Die Core Web Vitals setzen sich aus drei Faktoren der Seitengeschwindigkeit und der Benutzerinteraktion zusammen: <em>Gr\u00f6\u00dftes inhaltsreiches Bild, erste Eingabeverz\u00f6gerung und kumulative Layoutverschiebung<\/em>.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-5 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#ff0066;--awb-margin-bottom-small:8px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.2;\">Die drei Faktoren der Core Web Vitals<\/h2><\/div><ul style=\"--awb-iconcolor:#ffffff;--awb-line-height:27.2px;--awb-icon-width:27.2px;--awb-icon-height:27.2px;--awb-icon-margin:11.2px;--awb-content-margin:38.4px;\" class=\"fusion-checklist fusion-checklist-2 fusion-checklist-default type-icons\"><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Gr\u00f6\u00dfte inhaltsreiche Farbe (LCP)<\/strong>: Der Largest Contentful Paint bezieht sich auf die Zeit, die ben\u00f6tigt wird, um den gr\u00f6\u00dften sichtbaren Inhalt im Above the Fold-Bereich einer Seite zu laden. Typischerweise handelt es sich dabei um den Hauptinhalt, wie beispielsweise ein Bild, einen gro\u00dfen Textblock oder ein wichtiges visuelles Element. Ein schneller LCP (&lt;= 2,5 s ) ist wichtig, da er den Nutzern schnell relevante Inhalte pr\u00e4sentiert und die Wartezeit minimiert, was wiederum die Benutzererfahrung verbessert.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Erste Eingabeverz\u00f6gerung (FID)<\/strong>: Der First Input Delay ist ein Ma\u00df daf\u00fcr, wie schnell eine Webseite auf Benutzerinteraktionen reagiert. Er misst die Zeit zwischen dem ersten interaktiven Element, welches der Nutzer anklickt, und dem Zeitpunkt, zu dem der Browser auf diese Interaktion reagiert. Ein niedriger FID-Wert (&lt;= 100 ms) zeigt an, dass die Webseite schnell auf Benutzeraktionen reagiert, was insbesondere f\u00fcr interaktive und dynamische Websites von gro\u00dfer Bedeutung ist.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"--awb-iconcolor:#ffffff;\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa-angle-up fas\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">\n<p><strong>Kumulative Layout-Verschiebung (CLS)<\/strong>: Der Cumulative Layout Shift ist ein Ma\u00df f\u00fcr die visuelle Stabilit\u00e4t einer Webseite w\u00e4hrend des Ladeprozesses. Er erfasst die Menge an unerwarteten Layoutverschiebungen, die w\u00e4hrend des Ladens auftreten k\u00f6nnen. Ein hoher CLS-Wert bedeutet, dass sich Elemente auf der Seite w\u00e4hrend des Ladens unerwartet bewegen, was zu einer inkonsistenten und irritierenden Benutzererfahrung f\u00fchren kann. Ein niedriger CLS-Wert (&lt;= 0,1) ist daher wichtig, um sicherzustellen, dass die visuelle Stabilit\u00e4t der Webseite erhalten bleibt.Cumulative Layout Shift (CLS): Der Cumulative Layout Shift ist ein Ma\u00df f\u00fcr die visuelle Stabilit\u00e4t einer Webseite w\u00e4hrend des Ladeprozesses. Er erfasst die Menge an unerwarteten Layoutverschiebungen, die w\u00e4hrend des Ladens auftreten k\u00f6nnen. Ein hoher CLS-Wert bedeutet, dass sich Elemente auf der Seite w\u00e4hrend des Ladens unerwartet bewegen, was zu einer inkonsistenten und irritierenden Benutzererfahrung f\u00fchren kann. Ein niedriger CLS-Wert (&lt;= 0,1) ist daher wichtig, um sicherzustellen, dass die visuelle Stabilit\u00e4t der Webseite erhalten bleibt.<\/p>\n<\/div><\/li><\/ul><div class=\"fusion-text fusion-text-8\" style=\"--awb-text-transform:none;\"><p>Da Core Web Vitals zu den Rankingfaktoren geh\u00f6ren, haben Websites mit besseren Core Web Vitals tendenziell bessere Chancen, in den Suchergebnissen h\u00f6her platziert zu werden. Google m\u00f6chte sicherstellen, dass die Websites, die in den Suchergebnissen angezeigt werden, eine gute Benutzererfahrung bieten. Zusammen bilden diese Core Web Vitals eine entscheidende Grundlage f\u00fcr die Bewertung der Benutzererfahrung auf Websites. Sie erm\u00f6glichen es Website-Betreibern, die Leistung ihrer Seiten zu \u00fcberwachen, zu analysieren und zu optimieren, um eine bessere Benutzererfahrung zu bieten.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-6 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#ff0066;--awb-margin-bottom-small:8px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.2;\">Was \u00e4ndert sich ab M\u00e4rz 2024: Google f\u00fchrt den neuen Wert Interaction to Next Paint (INP) ein<\/h2><\/div><div class=\"fusion-text fusion-text-9\" style=\"--awb-text-transform:none;\"><p>Aufgrund bekannter Einschr\u00e4nkungen des Wertes FID (siehe nachfolgend) f\u00fchrt Google nun einen neuen Wert ein, den Interaction to Next Paint (INP). Ab dem 12. M\u00e4rz 2024 wird der INP den Core Web Vitals hinzugef\u00fcgt und ersetzt damit den Wert FID. Der Interaction to Next Paint beschreibt die Reaktionsschnelligkeit einer Webseite, das hei\u00dft ihre F\u00e4higkeit, schnell auf Klick- Tipp- und Tastaturinteraktionen eines Nutzers reagieren zu k\u00f6nnen. Im Gegensatz zu seinem Vorg\u00e4nger FID bezieht der INP alle Interaktionen auf der Webseite mit einem und nicht nur den \u201cersten Input\u201d. Und w\u00e4hrend der FIP nur den Verz\u00f6gerungsteil gemessen hat, wird der INP die gesamte Dauer von Beginn der Interaktion, \u00fcber das Ereignis \u201cEvent Handler\u201d bis zum n\u00e4chsten \u201cnext Paint\u201d bewerten.<\/p>\n<\/div><div class=\"fusion-image-element\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\"fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"682\" height=\"404\" title=\"Verschiedene Phasen im Ladeprozess\" src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.55.30.png\" data-orig-src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.55.30.png\" alt class=\"lazyload img-responsive wp-image-99796\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27682%27%20height%3D%27404%27%20viewBox%3D%270%200%20682%20404%27%3E%3Crect%20width%3D%27682%27%20height%3D%27404%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.55.30-200x118.png 200w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.55.30-400x237.png 400w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.55.30-600x355.png 600w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.55.30.png 682w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 640px) 100vw, 682px\" \/><\/span><\/div><div class=\"fusion-text fusion-text-10\"><p><a href=\"https:\/\/web.dev\/blog\/better-responsiveness-metric\" target=\"_blank\" rel=\"noopener\"><em>Abbildung 2: Verschiedene Phasen im Ladeprozess<\/em><\/a><\/p>\n<\/div><div class=\"fusion-text fusion-text-11\" style=\"--awb-text-transform:none;\"><p>Die Zeit zwischen Schritt 1 und 3 wurde bisher im FID gemessen. Der Interaction to Next Paint wird nun alle Schritte von 1 bis 5 messen und damit ein pr\u00e4ziseres Ergebnis \u00fcber die Reaktionszeit einer Seite wiedergeben k\u00f6nnen.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-7 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#ff0066;--awb-margin-bottom-small:8px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.2;\">Wie kann die neue Core Web Vital Interaction zu Next Paint optimiert werden?<\/h2><\/div><div class=\"fusion-text fusion-text-12\" style=\"--awb-text-transform:none;\"><p>Der neue Messwert wird ab M\u00e4rz 2024 in der Google Search Console einsehbar sein und auch hier den FID sofort ersetzen. Nun gilt es, die Optimierungen der Webseite auf den INP auszurichten. Eine bereits gut optimierte Webseite in Bezug auf Ladezeiten ist eine gute Grundlage f\u00fcr die Optimierung von INP. Wie bei den Werten LCP, CLS und FIP gibt Google auch hier eine Einordnung f\u00fcr einen guten Score. Ein INP von maximal 200 Millisekunden wird als gut eingestuft. Werte zwischen 200 Millisekunden und 500 Millisekunden gelten als verbesserungsw\u00fcrdig und Werte \u00fcber 500 Millisekunden hinaus bewerten eine schlechte Reaktionsf\u00e4higkeit.<\/p>\n<\/div><div class=\"fusion-image-element\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\"fusion-imageframe imageframe-none imageframe-3 hover-type-none\"><img decoding=\"async\" width=\"1024\" height=\"236\" title=\"Was ist ein guter INP Score?\" src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11.png\" data-orig-src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11-1024x236.png\" alt class=\"lazyload img-responsive wp-image-99797\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271078%27%20height%3D%27248%27%20viewBox%3D%270%200%201078%20248%27%3E%3Crect%20width%3D%271078%27%20height%3D%27248%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11-200x46.png 200w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11-400x92.png 400w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11-600x138.png 600w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11-800x184.png 800w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Bildschirmfoto-2024-03-08-um-10.57.11.png 1078w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 640px) 100vw, 1024px\" \/><\/span><\/div><div class=\"fusion-text fusion-text-13\"><p><a href=\"https:\/\/web.dev\/articles\/inp?hl=de\" target=\"_blank\" rel=\"noopener\"><em>Abbildung 3: Was ist ein guter INP-Score?<\/em><\/a><\/p>\n<\/div><div class=\"fusion-text fusion-text-14\" style=\"--awb-text-transform:none;\"><p>Im ersten Schritt der Optimierung sollte auf Basis von Felddaten ermittelt werden, welche spezifischen Interaktionen f\u00fcr einen schlechten INP-Wert verantwortlich sind. Sollten keine Felddaten vorhanden sein, kann auch auf Labordaten zur\u00fcckgegriffen werden. Es gibt in der Optimierung der Interaktion drei Ansatzpunkte: die Eingabeverz\u00f6gerung, die Verarbeitungszeit f\u00fcr die Ausf\u00fchrung eines Ereignis-Callbacks und die Pr\u00e4sentationsverz\u00f6gerung. Jeder Punkt bietet Potenzial zur Verbesserung des INP. In der Optimierung l\u00e4uft alles auf das Thema Java Script hinaus. Entfernt man nicht ben\u00f6tigte Elemente des Java Script Codes, kommt es zu einer Verbesserung des INPs, ebenso wie bei Nutzung von Codesplitting oder beim Entfernen von langsamem Code durch Drittanbieter.<\/p>\n<\/div><div class=\"fusion-image-element\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\"fusion-imageframe imageframe-none imageframe-4 hover-type-none\"><img decoding=\"async\" width=\"1024\" height=\"670\" title=\"Optimierungsma\u00dfnahmen Core Web Vitals\" src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5.png\" data-orig-src=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5-1024x670.png\" alt class=\"lazyload img-responsive wp-image-99798\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272100%27%20height%3D%271373%27%20viewBox%3D%270%200%202100%201373%27%3E%3Crect%20width%3D%272100%27%20height%3D%271373%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5-200x131.png 200w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5-400x262.png 400w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5-600x392.png 600w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5-800x523.png 800w, https:\/\/www.artefact.com\/\/wp-content\/uploads\/2024\/03\/Illustration-article-SEO_Plan-de-travail-1-copie-5-1200x785.png 1200w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 640px) 100vw, 1024px\" \/><\/span><\/div><div class=\"fusion-text fusion-text-15\"><p><i>Abbildung 4: Optimierungsma\u00dfnahmen<\/i><\/p>\n<\/div><div class=\"fusion-title title fusion-title-8 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-text-color:#ff0066;--awb-margin-bottom-small:8px;\"><h2 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:50;line-height:1.2;\">Unser Fazit<\/h2><\/div><div class=\"fusion-text fusion-text-16\" style=\"--awb-text-transform:none;\"><p>Wird nun der neue Wert INP die Google Core Web Vitals im SEO revolutionieren? Das bleibt abzuwarten! Wir werden beobachten, wie sich der neue Wert im Gegensatz zu den bestehenden schl\u00e4gt. Da der Wert allerdings seit 2022 von Google getestet wurde, ist zu erwarten, dass er sich als neuer Core Web Vital durchsetzen wird.<\/p>\n<\/div><div class=\"fusion-text fusion-text-17\" style=\"--awb-text-transform:none;\"><p>Core Web Vitals sind nicht nur ein Schlagwort, sondern ein entscheidender Faktor f\u00fcr das Google-Ranking und die Benutzererfahrung. Eine Studie von Galletta, Henry, McCoy &amp; Polak (2004)* ergab, dass Verz\u00f6gerungen im Seitenaufbau die Zufriedenheit und Absprungrate negativ beeinflussen. Bei unbekannten Websites reichen zwei Sekunden Verz\u00f6gerung aus, um die Absprungrate zu verschlechtern. Eine weitere Studie von Oulasvirta, Tamminen, Roto &amp; Kuorelahti (2005)** hat gezeigt, dass die Aufmerksamkeit von mobilen Nutzern nicht l\u00e4nger als 4-8 Sekunden anh\u00e4lt. Daher sollten sich Website-Betreiber intensiv mit den Core Web Vitals auseinandersetzen und sicherstellen, dass ihre Websites diese Metriken erf\u00fcllen. Durch die Verbesserung der Core Web Vitals k\u00f6nnen sie nicht nur ihr Google-Ranking verbessern, sondern auch die Zufriedenheit und Bindung ihrer Besucher steigern. Die Integration von Messung, Analyse und Optimierung der Core Web Vitals in die SEO-Strategie ist daher unerl\u00e4sslich, um langfristige Erfolge in der Online-Pr\u00e4senz zu erzielen.<\/p>\n<\/div><div class=\"fusion-text fusion-text-18\" style=\"--awb-font-size:6px;--awb-text-transform:none;--awb-text-font-family:&quot;Roboto&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>*Galletta, D. F., Henry, R., McCoy, S. &amp; Polak, P. (2004). Website-Verz\u00f6gerungen: Wie tolerant sind die Benutzer? Zeitschrift der Vereinigung f\u00fcr Informationssysteme, 5(1), 1.<br \/>\n**Oulasvirta, A., Tamminen, S., Roto, V. &amp; Kuorelahti, J. (2005). Interaktion in 4-Sekunden-Bursts: Die fragmentierte Natur von Aufmerksamkeitsressourcen in Mobile HCI. In Proceedings of the SIGCHI conference on Human factors in computing systems (S. 919-928).<\/p>\n<\/div><div class=\"fusion-text fusion-text-19\" style=\"--awb-text-transform:none;\"><p>Haben Sie Ihre Core Web Vitals im Blick oder ben\u00f6tigen Sie eine zweite Meinung? Dann sprechen Sie uns an!<\/p>\n<\/div><\/div><\/div><\/div><\/article><\/p>","protected":false},"excerpt":{"rendered":"<p>Welche Chancen und M\u00f6glichkeiten sind durch die aktuellen Entwicklungen in der Technologie rund um Data und AI f\u00fcr Marken und Unternehmen m\u00f6glich? <\/p>","protected":false},"author":[],"featured_media":99799,"template":"","meta":{"_acf_changed":false,"ep_exclude_from_search":false},"news-category":[2822],"news-language":[511],"class_list":["post-99794","news","type-news","status-publish","has-post-thumbnail","hentry","news-category-news-germany","news-language-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/news\/99794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/news"}],"about":[{"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/types\/news"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/media\/99799"}],"wp:attachment":[{"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/media?parent=99794"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/author?post=99794"},{"taxonomy":"news-category","embeddable":true,"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/news-category?post=99794"},{"taxonomy":"news-language","embeddable":true,"href":"https:\/\/www.artefact.com\/de\/wp-json\/wp\/v2\/news-language?post=99794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}