{"id":30491,"date":"2024-03-20T10:32:00","date_gmt":"2024-03-20T09:32:00","guid":{"rendered":"https:\/\/www.web-systems.pl\/inp-core-web-vitals-neue-metrik-fuer-website\/"},"modified":"2026-10-02T08:27:38","modified_gmt":"2026-10-02T07:27:38","slug":"inp-core-web-vitals-neue-metrik-fuer-website","status":"publish","type":"post","link":"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/","title":{"rendered":"INP in den Core Web Vitals: Was die neue Metrik f\u00fcr Ihre Website bedeutet"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">INP (Interaction to Next Paint) ist eine Metrik f\u00fcr die Reaktionsf\u00e4higkeit einer Website. Am 12. M\u00e4rz 2024 hat sie FID in den Core Web Vitals abgel\u00f6st, was der <a href=\"https:\/\/web.dev\/blog\/inp-cwv-launch\" rel=\"nofollow noopener\" target=\"_blank\">Beitrag von web.dev zum Start von INP<\/a> best\u00e4tigt. Was folgt daraus f\u00fcr Website-Betreiber? Im Grunde eine Sache: Durch die Kennzahl INP Core Web Vitals bewertet Google jetzt, wie schnell eine Website auf jeden Klick reagiert, und nicht nur auf den ersten. PageSpeed Insights oder die Search Console zeigen Ihnen einen neuen Eintrag mit der Bewertung &#8220;optimierungsbed\u00fcrftig&#8221;? Damit sind Sie nicht allein. Im Folgenden der Reihe nach: was diese Kennzahl erfasst, woher ein schlechter Wert kommt, wo Sie ihn pr\u00fcfen und was Sie beim Dienstleister beauftragen sollten.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhaltsverzeichnis<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Was_ist_INP_in_den_Core_Web_Vitals_und_was_genau_wird_gemessen\" >Was ist INP in den Core Web Vitals und was genau wird gemessen?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#INP_statt_FID_Was_sich_im_Maerz_2024_geaendert_hat\" >INP statt FID: Was sich im M\u00e4rz 2024 ge\u00e4ndert hat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Wo_Sie_INP_in_PageSpeed_Insights_und_der_Search_Console_pruefen\" >Wo Sie INP in PageSpeed Insights und der Search Console pr\u00fcfen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Was_die_Reaktionsfaehigkeit_einer_Website_verschlechtert\" >Was die Reaktionsf\u00e4higkeit einer Website verschlechtert<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#INP_verbessern_Was_Sie_beim_Dienstleister_beauftragen_sollten\" >INP verbessern: Was Sie beim Dienstleister beauftragen sollten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Was_Sie_nach_den_Korrekturen_erwarten_koennen\" >Was Sie nach den Korrekturen erwarten k\u00f6nnen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Haeufige_Fragen\" >H\u00e4ufige Fragen<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Verschlechtert_ein_schwacher_INP-Wert_die_Position_meiner_Website_bei_Google\" >Verschlechtert ein schwacher INP-Wert die Position meiner Website bei Google?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Warum_zeigt_PageSpeed_Insights_fuer_meine_Website_keinen_INP-Wert_an\" >Warum zeigt PageSpeed Insights f\u00fcr meine Website keinen INP-Wert an?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.web-systems.pl\/de\/inp-core-web-vitals-neue-metrik-fuer-website\/#Muss_ich_mich_noch_um_FID_kuemmern\" >Muss ich mich noch um FID k\u00fcmmern?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Was_ist_INP_in_den_Core_Web_Vitals_und_was_genau_wird_gemessen\"><\/span>Was ist INP in den Core Web Vitals und was genau wird gemessen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">INP ist die Zeit vom Klick, vom Tippen auf den Bildschirm oder vom Tastendruck bis zu dem Moment, in dem der Browser die Reaktion auf diese Aktion auf dem Bildschirm anzeigt. Mehr nicht. Die Metrik ber\u00fccksichtigt die Interaktionen des gesamten Besuchs, es z\u00e4hlt also der erste Klick genauso wie der zehnte. Auf einer Firmenwebsite ist das zum Beispiel das Aufklappen des Men\u00fcs oder die Eingabe von Text in ein Formularfeld, im Shop - die Nutzung eines Produktfilters oder des Buttons zum Hinzuf\u00fcgen in den Warenkorb. Die Messung l\u00e4uft von selbst \u00fcber eine API des Browsers, die Website muss also nichts melden (und das ist gut so, eine Sache weniger, um die man sich k\u00fcmmern muss). Wie sich diese Kennzahl in das gesamte Set einf\u00fcgt, beschreiben wir im Beitrag <a href=\"https:\/\/www.web-systems.pl\/core-web-vitals-a-seo-jak-zoptymalizowac-strone-pod-nowe-standardy\/\">Core Web Vitals und SEO<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"INP_statt_FID_Was_sich_im_Maerz_2024_geaendert_hat\"><\/span>INP statt FID: Was sich im M\u00e4rz 2024 ge\u00e4ndert hat<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">FID bewertete ausschlie\u00dflich die Verz\u00f6gerung der ersten Interaktion. INP pr\u00fcft die Reaktionsf\u00e4higkeit w\u00e4hrend des gesamten Besuchs. Daher die \u00dcberraschung: Eine Website mit gutem FID kann jetzt eine schlechtere Note bekommen. Die Chrome-Tools, also PageSpeed Insights, das CrUX Dashboard und die Erweiterung Web Vitals, zeigen die neue Metrik unter den drei Hauptkennzahlen, und die Core-Web-Vitals-Bewertung in PageSpeed Insights ber\u00fccksichtigt sie anstelle der Vorg\u00e4ngerin. FID wird eingestellt, und ein Teil der Tools kann dazu eine Warnung anzeigen. Laut dem Zeitplan des Chrome-Teams endet die \u00dcbergangsfrist am 9. September 2024.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Was hei\u00dft das in der Praxis? Eine schlechtere Bewertung bedeutet nicht, dass die Website pl\u00f6tzlich langsamer geworden ist. Ge\u00e4ndert hat sich das Ma\u00df. Es erfasst mehr Situationen als bisher und bringt Verz\u00f6gerungen ans Licht, die in den Berichten zuvor schlicht nicht zu sehen waren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wo_Sie_INP_in_PageSpeed_Insights_und_der_Search_Console_pruefen\"><\/span>Wo Sie INP in PageSpeed Insights und der Search Console pr\u00fcfen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Den Wert finden Sie an zwei Stellen: in PageSpeed Insights im Abschnitt mit den Daten echter Nutzer und im Bericht Core Web Vitals in der Search Console. Die Felddaten stammen aus dem Chrome User Experience Report, f\u00fcr den sich die Website qualifizieren muss. Ist das der Fall, steht immer ein Bild f\u00fcr die gesamte Domain zur Verf\u00fcgung, in manchen F\u00e4llen auch f\u00fcr eine einzelne Adresse. Die Grenzen der Bewertungen &#8220;gut&#8221;, &#8220;optimierungsbed\u00fcrftig&#8221; und &#8220;schlecht&#8221; nennt die <a href=\"https:\/\/web.dev\/articles\/inp\" rel=\"nofollow noopener\" target=\"_blank\">Dokumentation der INP-Metrik auf web.dev<\/a>, und meiner Meinung nach sollte man die Messwerte am besten an ihr ausrichten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei wenig Traffic k\u00f6nnen die Felddaten aber fehlen. Was dann? Es bleibt, die typischen Nutzerpfade von Hand durchzuklicken, denn sie zeigen die Probleme am besten: Aufruf der Produktliste, Filtern, Hinzuf\u00fcgen zum Warenkorb, Absenden eines Formulars. Notieren Sie vor dem Gespr\u00e4ch mit dem Dienstleister:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adressen oder Adressgruppen mit der Bewertung &#8220;optimierungsbed\u00fcrftig&#8221; oder &#8220;schlecht&#8221;,<\/li>\n<li>ob das Problem Mobilger\u00e4te, Computer oder beides betrifft,<\/li>\n<li>welche Elemente mit sp\u00fcrbarer Verz\u00f6gerung reagieren,<\/li>\n<li>welche Plugins und Marketing-Skripte in den letzten Monaten hinzugekommen sind.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Was_die_Reaktionsfaehigkeit_einer_Website_verschlechtert\"><\/span>Was die Reaktionsf\u00e4higkeit einer Website verschlechtert<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Schuld ist vor allem JavaScript, das den Hauptthread des Browsers genau dann belegt, wenn der Nutzer etwas anklickt. Der Hauptthread ist die Warteschlange, in der der Browser den Gro\u00dfteil seiner Arbeit erledigt: Er f\u00fchrt Skripte aus, berechnet das Layout neu und zeichnet \u00c4nderungen. Und eine lange Aufgabe (englisch long task) ist ein St\u00fcck Code, das so lange l\u00e4uft, dass in dieser Zeit nichts anderes bearbeitet wird. Der Klick wartet. Die h\u00e4ufigsten Ursachen solcher Blockaden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>schweres JavaScript des Themes oder der Anwendung,<\/li>\n<li>umfangreiche Plugins, vor allem Page Builder und Erweiterungen, die auf jeder Unterseite geladen werden,<\/li>\n<li>externe Skripte: Chat, Analytics, Werbepixel, Karten,<\/li>\n<li>lange Aufgaben, die nach einem Klick starten, zum Beispiel das Neuladen der gesamten Produktliste,<\/li>\n<li>eine umfangreiche Seitenstruktur mit sehr vielen Elementen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Auf Smartphones zeigt sich das Problem h\u00e4ufiger als auf Computern. Kein Wunder, denn ein schw\u00e4cherer Prozessor braucht mehr Zeit, um denselben Code auszuf\u00fchren. Bei Websites auf Basis von WordPress sind meist die Erweiterungen der erste Verd\u00e4chtige. Mehr dazu schreiben wir im Ratgeber dazu, wie Sie <a href=\"https:\/\/www.web-systems.pl\/optymalizacja-strony-wordpress-szybkosc-wydajnosc-i-nowe-mozliwosci\/\">Geschwindigkeit und Performance von WordPress<\/a> verbessern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"INP_verbessern_Was_Sie_beim_Dienstleister_beauftragen_sollten\"><\/span>INP verbessern: Was Sie beim Dienstleister beauftragen sollten<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Grunds\u00e4tzlich geht es darum, die Arbeit von JavaScript zu begrenzen und aufzuteilen, damit der Browser schnell auf die Aktion des Nutzers antworten kann. Ich empfehle, den Arbeitsumfang von den einfachsten zu den zeitaufwendigsten Punkten zu ordnen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Durchsicht und Entfernung \u00fcberfl\u00fcssiger Plugins und externer Skripte.<\/li>\n<li>Verz\u00f6gertes Laden von nicht kritischem Code, zum Beispiel des Chats erst nach der ersten Interaktion.<\/li>\n<li>Aufteilung langer Aufgaben in k\u00fcrzere, zwischen denen der Browser den Klick verarbeitet.<\/li>\n<li>Vereinfachung der Verarbeitung von Klicks und Formularen, damit sie sofort eine sichtbare Reaktion zeigen.<\/li>\n<li>Verschlankung der Seitenstruktur: weniger verschachtelte Elemente und Abschnitte.<\/li>\n<li>Erneute Messung anhand der Felddaten.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Den ersten Punkt erledigen Sie oft selbst, indem Sie ungenutzte Erweiterungen und alte Tracking-Codes abschalten. Der Rest ist Arbeit f\u00fcr einen Entwickler, besonders wenn die Website auf einem JavaScript-Framework l\u00e4uft - hier hilft das Wissen, das die <a href=\"https:\/\/www.web-systems.pl\/optymalizacja-frontendu-z-wykorzystaniem-react-i-vue-js\/\">Optimierung des Frontends in React<\/a> und \u00e4hnlichen Bibliotheken vermittelt. Sie wissen nicht, wo Sie anfangen sollen? Ein Website-Audit kann der Ausgangspunkt sein, um die Ursachen zu kl\u00e4ren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Was_Sie_nach_den_Korrekturen_erwarten_koennen\"><\/span>Was Sie nach den Korrekturen erwarten k\u00f6nnen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Auf den Effekt in den Berichten muss man warten. Felddaten werden \u00fcber einen l\u00e4ngeren Zeitraum von echten Nutzern gesammelt, die Kurve bewegt sich also nicht sofort. Der tats\u00e4chliche Nutzen kommt fr\u00fcher: Men\u00fc, Filter und Warenkorb antworten schneller, die Website l\u00e4sst sich einfach leichter bedienen. Der Kunde sp\u00fcrt das, egal was das Tool anzeigt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Und noch etwas. Pr\u00fcfen Sie den Wert nach jedem gr\u00f6\u00dferen Rollout, denn ein neues Plugin oder ein Marketing-Skript kann die fr\u00fchere Arbeit zunichtemachen (man sollte sich nicht einbilden, dass einmal Erledigtes f\u00fcr immer h\u00e4lt). Behandeln Sie INP Core Web Vitals deshalb als festen Punkt bei der Abnahme von \u00c4nderungen an der Website: Bevor Sie die n\u00e4chste Erweiterung freigeben, klicken Sie auf dem Smartphone die wichtigsten Pfade durch und vergleichen Sie den Messwert mit dem vorherigen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Haeufige_Fragen\"><\/span>H\u00e4ufige Fragen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1790879458855-0\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Verschlechtert_ein_schwacher_INP-Wert_die_Position_meiner_Website_bei_Google\"><\/span>Verschlechtert ein schwacher INP-Wert die Position meiner Website bei Google?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>INP ist einer der Bestandteile der Core Web Vitals, und diese geh\u00f6ren zu den Signalen, die die Qualit\u00e4t der Nutzung einer Website beschreiben. Es l\u00e4sst sich aber nicht seri\u00f6s vorhersagen, wie sich eine einzelne Kennzahl auf die Sichtbarkeit einer konkreten Website auswirkt. Sicher ist etwas anderes: Eine langsam reagierende Website erschwert es den Nutzern, die Aufgabe zu erledigen, mit der sie gekommen sind.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790879458855-1\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Warum_zeigt_PageSpeed_Insights_fuer_meine_Website_keinen_INP-Wert_an\"><\/span>Warum zeigt PageSpeed Insights f\u00fcr meine Website keinen INP-Wert an?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Meistens deshalb, weil im Chrome User Experience Report nicht gen\u00fcgend Daten f\u00fcr die gepr\u00fcfte Adresse vorliegen. Es kommt auch vor, dass der Wert nur f\u00fcr die gesamte Domain verf\u00fcgbar ist und nicht f\u00fcr eine einzelne Unterseite. Dann bleibt das manuelle Testen typischer Nutzerpfade.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1790879458855-2\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Muss_ich_mich_noch_um_FID_kuemmern\"><\/span>Muss ich mich noch um FID k\u00fcmmern?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Nein. Die Kennzahl ist kein Teil der Core Web Vitals mehr und wird aus den Chrome-Tools entfernt, ihre Messwerte verlieren also an Bedeutung. Aufmerksamkeit und Budget f\u00fcr Optimierungsarbeiten richten Sie besser auf Interaction to Next Paint.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>INP (Interaction to Next Paint) ist eine Metrik f\u00fcr die Reaktionsf\u00e4higkeit einer Website. Am 12. M\u00e4rz 2024 hat sie FID in den Core Web Vitals abgel\u00f6st, was der Beitrag von web.dev zum Start von INP best\u00e4tigt. Was folgt daraus f\u00fcr Website-Betreiber? Im Grunde eine Sache: Durch die Kennzahl INP Core Web Vitals bewertet Google jetzt, [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":30425,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[807],"tags":[1686,2415,2419,1804,1247,1273],"class_list":["post-30491","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webentwicklung","tag-core-web-vitals-de","tag-inp-x2","tag-pagespeed-insights-x2","tag-seitengeschwindigkeit","tag-seo-de","tag-website-optimierung"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/posts\/30491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/comments?post=30491"}],"version-history":[{"count":1,"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/posts\/30491\/revisions"}],"predecessor-version":[{"id":30514,"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/posts\/30491\/revisions\/30514"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/media\/30425"}],"wp:attachment":[{"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/media?parent=30491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/categories?post=30491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.web-systems.pl\/de\/wp-json\/wp\/v2\/tags?post=30491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}