{"id":3275,"date":"2024-06-16T02:38:05","date_gmt":"2024-06-16T02:38:05","guid":{"rendered":"https:\/\/wpconsults.com\/?p=3275"},"modified":"2026-06-28T12:50:37","modified_gmt":"2026-06-28T12:50:37","slug":"how-to-pass-core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/de\/how-to-pass-core-web-vitals\/","title":{"rendered":"Wie man Core Web Vitals nach einem Fehlschlag besteht: Ein umfassender Leitfaden"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>Core Web Vitals<\/strong> Das sind die drei User-Experience-Kennzahlen, die Google als Ranking-Signal nutzt, und wenn sie nicht erf\u00fcllt werden, wirkt sich das still und leise gleichzeitig negativ auf Ihre Platzierungen und Ihre Konversionsraten aus. Die gute Nachricht ist, dass die Erf\u00fcllung dieser Anforderungen eine relativ einfache Aufgabe ist, sobald Sie wissen, welche Kennzahl nicht den Anforderungen entspricht und warum.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eines m\u00f6chte ich gleich zu Beginn klarstellen, da viele \u00e4ltere Leitf\u00e4den dies immer noch falsch darstellen: Die alte FID-Metrik wurde im M\u00e4rz 2024 abgeschafft und durch INP ersetzt. Heute geht es also um LCP, INP und CLS \u2013 im Folgenden erfahren Sie, wie Sie die einzelnen Kennzahlen interpretieren und Probleme beheben k\u00f6nnen.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-takeaways is-layout-flow wp-block-group-is-layout-flow\">\n\n<h3 class=\"wp-block-heading\">Wichtigste Erkenntnisse<\/h3>\n\n\n<ul class=\"wp-block-list\"><li>Die drei Core Web Vitals sind <strong>LCP, INP und CLS<\/strong>; INP l\u00f6ste FID im Jahr 2024 ab.<\/li><li>Gute Ergebnisse: <strong>LCP unter 2,5 s, INP unter 200 ms, CLS unter 0,1<\/strong> am 75. Perzentil.<\/li><li>Korrigieren Sie die Kennzahl, die Google tats\u00e4chlich markiert, mithilfe von <strong>Felddaten<\/strong>, und zwar nicht nur ein einmaliges Laborergebnis.<\/li><li>Bei LCP geht es haupts\u00e4chlich um die Servergeschwindigkeit und Bilder; bei INP haupts\u00e4chlich um JavaScript; bei CLS haupts\u00e4chlich um fehlende Abmessungen.<\/li><li>Die Felddaten werden in einem gleitenden 28-Tage-Zeitfenster aktualisiert. Warten Sie daher bitte einige Wochen, bis Ihre Korrekturen sichtbar werden.<\/li><\/ul>\n\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:15px 15px 0px 0px rgba(160, 152, 255, 0.31);}.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .kb-table-of-content-wrap .kb-table-of-content-list{color:var(--global-palette1, #3182CE);font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}<\/style>\n\n\n<h2 class=\"wp-block-heading\">Was die Core Web Vitals eigentlich messen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jeder Vital-Indikator deckt einen anderen Aspekt des Nutzererlebnisses ab: einen f\u00fcr das Laden, einen f\u00fcr die Reaktionsgeschwindigkeit und einen f\u00fcr die visuelle Stabilit\u00e4t. Sie bestehen den Test nur, wenn alle drei Indikatoren bei den meisten Ihrer echten Besucher im gr\u00fcnen Bereich liegen. Daher ist es hilfreich, genau zu wissen, was jeder einzelne Indikator misst und welchen Schwellenwert er \u00fcberschreiten muss.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Metrisch<\/th><th>Was damit gemessen wird<\/th><th>Gutes Ergebnis<\/th><\/tr><\/thead><tbody><tr><td><strong>LCP<\/strong> (Largest Contentful Paint)<\/td><td>Wie schnell der Hauptinhalt der Seite geladen wird und angezeigt wird<\/td><td>2,5 Sekunden oder weniger<\/td><\/tr><tr><td><strong>INP<\/strong> (Interaktion mit \u201eNext Paint\u201c)<\/td><td>Wie schnell die Seite reagiert, wenn jemand darauf tippt oder klickt<\/td><td>200 ms oder weniger<\/td><\/tr><tr><td><strong>CLS<\/strong> (Kumulative Layoutverschiebung)<\/td><td>Wie stark das Layout beim Laden der Seite hin und her springt<\/td><td>0,1 oder weniger<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Die drei Core Web Vitals und der Schwellenwert \u201dgut\u201d m\u00fcssen jeweils f\u00fcr den Gro\u00dfteil Ihrer Besucher erreicht werden.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Finden Sie zun\u00e4chst heraus, was tats\u00e4chlich nicht funktioniert.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bevor Sie irgendetwas \u00e4ndern, sollten Sie pr\u00fcfen, mit welcher Kennzahl Google unzufrieden ist, denn wenn Sie die falsche beheben, verschwenden Sie Stunden. Geben Sie Ihre URL in <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener nofollow\">PageSpeed Insights<\/a> und lies den <strong>Felddaten<\/strong> (der Abschnitt \u201dEchte Nutzer\u201d oben), nicht nur die darunter angegebene Laborbewertung. Google bewertet Sie anhand von Felddaten, die von echten Chrome-Nutzern stammen. Daher f\u00fchrt eine perfekte Laborbewertung bei unzureichenden Felddaten dennoch zu einem negativen Ergebnis.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1356\" height=\"628\" src=\"https:\/\/wpconsults.com\/wp-content\/uploads\/2024\/06\/image.png\" alt=\"Die Bewertung der Core Web Vitals ist im Bericht der Google Search Console fehlgeschlagen\" class=\"wp-image-3277\" srcset=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image.png 1356w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image-300x139.png 300w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image-1024x474.png 1024w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image-768x356.png 768w\" sizes=\"auto, (max-width: 1356px) 100vw, 1356px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Der \u201eCore Web Vitals\u201c-Bericht in der Search Console ist eine weitere wichtige Informationsquelle, da er Ihre fehlerhaften URLs gruppiert, sodass Sie erkennen k\u00f6nnen, ob es sich um eine einzelne Vorlage oder die gesamte Website handelt. Sobald Sie wissen, ob es sich um LCP, INP oder CLS handelt, k\u00f6nnen Sie direkt zur entsprechenden Abhilfema\u00dfnahme weitergehen, anstatt zu raten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">LCP beheben (Ladezeit)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei LCP geht es in der Regel darum, wie schnell das gr\u00f6\u00dfte Element im Bereich \u201eAbove the Fold\u201c \u2013 h\u00e4ufig ein Hero-Bild oder eine \u00dcberschrift \u2013 angezeigt wird. Der erste Einflussfaktor ist die Server-Reaktionszeit: Wenn Ihr Host das erste Byte nur langsam liefert, kommt alles, was danach folgt, versp\u00e4tet an. Ein schnellerer Host oder ein guter <a href=\"https:\/\/www.wpconsults.com\/de\/shared-hosting-hostinger\/\" target=\"_blank\" rel=\"noopener nofollow\">leistungsorientiertes Hosting-Paket<\/a> Au\u00dferdem ist ein CDN oft der gr\u00f6\u00dfte Einzelbeitrag zur Verbesserung des LCP-Werts, weshalb ich in der Regel damit beginne; mein <a href=\"https:\/\/www.wpconsults.com\/de\/schnelle-wordpress-hosting-anbieter\/\">\u00dcbersicht \u00fcber schnelle WordPress-Hosts<\/a> geht n\u00e4her auf diese Entscheidung ein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nach dem Server ist meist ein gro\u00dfes Hero-Bild der \u00dcbelt\u00e4ter. Komprimieren und verkleinern Sie es, stellen Sie es im WebP- oder AVIF-Format bereit, und <code>Vorladen<\/code> dieses eine LCP-Bild, damit der Browser es fr\u00fchzeitig abruft. Entfernen Sie anschlie\u00dfend das rendernblockierende CSS und JavaScript im Head-Bereich, indem Sie nicht kritische Skripte verz\u00f6gern und das kleine St\u00fcck kritischen CSS inline einf\u00fcgen, damit die Seite gerendert werden kann, ohne auf das gesamte Stylesheet warten zu m\u00fcssen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Behebung des INP-Problems (Reaktionsgeschwindigkeit)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">INP ist die Kennzahl, mit der die meisten Websites derzeit zu k\u00e4mpfen haben, und es handelt sich dabei fast immer um eine <strong>JavaScript<\/strong> Problem. Es misst die Verz\u00f6gerung zwischen dem Antippen durch den Nutzer und der tats\u00e4chlichen Reaktion der Seite; daher wirkt sich alles, was den Hauptthread blockiert, negativ darauf aus. Die L\u00f6sung besteht darin, weniger Arbeit in diesem Thread zu verrichten: Teilen Sie lange Aufgaben in kleinere Abschnitte auf, verschieben Sie Skripte, die Sie beim Laden nicht ben\u00f6tigen, oder entfernen Sie sie ganz, und lassen Sie rechenintensive Aufgaben zur\u00fccktreten, damit der Browser zuerst auf den Klick reagieren kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Skripte von Drittanbietern sind hier die stillen \u00dcbelt\u00e4ter \u2013 beispielsweise Chat-Widgets, Heatmaps sowie Werbe- und Analyse-Tags. Jedes davon f\u00fchrt Code aus, den Sie nicht selbst geschrieben haben. \u00dcberpr\u00fcfen Sie diese daher gr\u00fcndlich und entfernen Sie diejenigen, die ihren Platz nicht rechtfertigen, oder laden Sie sie erst bei Bedarf. Bei WordPress ist die Verwendung von zu vielen Plugins, die jeweils ihre eigenen Skripte einbinden, der h\u00e4ufigste Grund daf\u00fcr, dass eine Website den INP-Test nicht besteht, ohne dass es jemand bemerkt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Behebung von CLS (visuelle Stabilit\u00e4t)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CLS ist das einfachste der drei Probleme, das zu beheben ist, und f\u00fcr die Nutzer das nervigste: dieser Sprung, bei dem man auf etwas tippen will und die Seite einem etwas anderes unter den Finger schiebt. Das liegt fast immer an Elementen, die ohne reservierten Platz geladen werden. Setze explizit <strong>Breite und H\u00f6he<\/strong> bei jedem Bild und jedem Video, damit der Browser die Position beibeh\u00e4lt, und Platz f\u00fcr sp\u00e4ter eingef\u00fcgte Elemente wie Werbung, Einbettungen oder Cookie-Banner reservieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Web-Schriftarten verursachen eine weitere h\u00e4ufige Verschiebung, wenn der Text neu angeordnet wird, sobald eine benutzerdefinierte Schriftart eingebunden wird. Bei Verwendung von <code>font-display: swap<\/code> Mit einer sinnvoll ausgew\u00e4hlten Fallback-Schriftart l\u00e4sst sich diese Schwankung gering halten. Wenn man diese beiden Gewohnheiten beherrscht, sinkt der CLS-Wert in der Regel von selbst in den gr\u00fcnen Bereich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wo soll man also anfangen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00e4re dies meine Website, w\u00fcrde ich nicht versuchen, alle drei Probleme auf einmal zu beheben. Ich w\u00fcrde die Felddaten \u00f6ffnen, die einzige Kennzahl im roten Bereich ausfindig machen und diese zuerst beheben, denn es ist reine Zeitverschwendung, einen Laborwert f\u00fcr eine Kennzahl zu optimieren, die Google gar nicht erst ber\u00fccksichtigt. Bei den meisten WordPress-Websites ist die Reihenfolge, die sich am schnellsten auszahlt, LCP (Host und Bilder), dann INP (JavaScript und Skripte von Drittanbietern k\u00fcrzen) und schlie\u00dflich CLS (Abmessungen festlegen).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1309\" height=\"565\" src=\"https:\/\/wpconsults.com\/wp-content\/uploads\/2024\/06\/image-1.png\" alt=\"Die Bewertung der Core Web Vitals wurde nach der Behebung der Probleme bei LCP, INP und CLS bestanden.\" class=\"wp-image-3278\" srcset=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image-1.png 1309w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image-1-300x129.png 300w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image-1-1024x442.png 1024w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/06\/image-1-768x331.png 768w\" sizes=\"auto, (max-width: 1309px) 100vw, 1309px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das Letzte, worauf man achten muss, ist Geduld. Felddaten bewegen sich auf einer <strong>28-Tage-Gleitfenster<\/strong>, daher wird selbst eine perfekte L\u00f6sung den Bericht nicht \u00fcber Nacht ins Gr\u00fcne kippen; warte ein paar Wochen, bevor du zu dem Schluss kommst, dass es nicht funktioniert hat. F\u00fchre die Diagnose gewissenhaft durch, behebe den tats\u00e4chlichen Engpass und bestehe deine <strong>Core Web Vitals<\/strong> ist kein R\u00e4tsel mehr.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-changelog is-layout-flow wp-block-group-is-layout-flow\" id=\"article-update-logs\">\n\n<h2 class=\"wp-block-heading\">\u00c4nderungsprotokolle<\/h2>\n\n\n<p class=\"wp-block-paragraph\"><strong>28. Juni 2026<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\"><li>Aktualisiert im Hinblick auf die \u00c4nderung der Metrik von FID zu INP, die aktuellen Schwellenwerte f\u00fcr den Pass sowie eine Metriktabelle hinzugef\u00fcgt und die Korrekturen bez\u00fcglich der Felddaten und des 28-Tage-Fensters \u00fcberarbeitet.<\/li><\/ul>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Die Core Web Vitals bestehen nun aus drei Kennzahlen: LCP, INP und CLS, nachdem INP FID abgel\u00f6st hat. Hier erfahren Sie, wie Sie Schwachstellen identifizieren und welche Ma\u00dfnahmen tats\u00e4chlich zu einer Verbesserung der einzelnen Kennzahlen f\u00fchren.<\/p>","protected":false},"author":1,"featured_media":7292,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kb_optimizer_status":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"rank_math_title":"How to Pass Core Web Vitals: LCP, INP and CLS","rank_math_description":"Failing Core Web Vitals? Here is how to pass LCP, INP, and CLS, what each one measures now (INP replaced FID), and the fixes that actually move them.","rank_math_focus_keyword":"core web vitals","_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[89],"tags":[18],"class_list":["post-3275","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technical-seo","tag-seo"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/06\/wpc-img-7292-mGlKEQ.avif","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/3275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/comments?post=3275"}],"version-history":[{"count":1,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/3275\/revisions"}],"predecessor-version":[{"id":7293,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/3275\/revisions\/7293"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media\/7292"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media?parent=3275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/categories?post=3275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/tags?post=3275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}