{"id":3269,"date":"2026-07-10T12:00:00","date_gmt":"2026-07-10T12:00:00","guid":{"rendered":"https:\/\/smartcoding.com.au\/core-web-vitals-und-wordpress-warum-die-bildauslieferung-der-engpass-ist\/"},"modified":"2026-11-01T20:21:37","modified_gmt":"2026-11-01T20:21:37","slug":"core-web-vitals-und-wordpress-warum-die-bildauslieferung-der-engpass-ist","status":"publish","type":"post","link":"https:\/\/smartcoding.com.au\/de\/core-web-vitals-und-wordpress-warum-die-bildauslieferung-der-engpass-ist\/","title":{"rendered":"Core Web Vitals und WordPress: warum die Medienauslieferung der Engpass ist"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Auf den meisten WordPress-Seiten entscheidet 2026 dar\u00fcber, ob der Core-Web-Vitals-Wert gr\u00fcn oder rot ausf\u00e4llt, wie schnell die Bilder im Browser ankommen. Caching hilft, ein schnelles Theme hilft, aber auf fast allen Seiten ist die Medienauslieferung der ausschlaggebende Faktor. Dieser Leitfaden zeigt, wohin die Zeit tats\u00e4chlich geht und was Sie \u00e4ndern m\u00fcssen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Der LCP ist fast immer ein Bild<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das gr\u00f6\u00dfte Element above the fold ist fast immer ein Bild: das Hero-Foto auf einer Startseite, das Beitragsbild eines Artikels, das Produktfoto einer WooCommerce-Seite. Diese eine Datei ist der Messwert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ist das Bild gro\u00df, langsam abrufbar oder wird es von einem entfernten Server ausgeliefert, leidet der LCP. Alles andere auf der Seite kann perfekt sein \u2013 der Wert f\u00e4llt trotzdem.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wohin die Millisekunden gehen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine typische Anfrage f\u00fcr ein auf WordPress gehostetes Bild durchl\u00e4uft vier Phasen: die DNS-Aufl\u00f6sung Ihrer Origin-Domain, den TCP- und TLS-Handshake, den eigentlichen Bild-Download und die Dekodierzeit des Browsers. Die ersten drei sind Netzwerk, die letzte ist das Ger\u00e4t.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein CDN verk\u00fcrzt die Netzwerkphasen erheblich, weil die Datei von einem Knoten n\u00e4her am Besucher ausgeliefert wird. Es ist die wirkungsvollste Einzelma\u00dfnahme f\u00fcr die Medien-Performance und die Core Web Vitals auf WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Das Setup, das den Wert zuverl\u00e4ssig verbessert<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lagern Sie die Mediathek auf S3, R2, Bunny oder einen anderen S3-kompatiblen Bucket aus und liefern Sie sie \u00fcber ein CDN aus. Ein gutes Media-Offload-Plugin \u00fcbernimmt sowohl den Upload in den Speicher als auch das Umschreiben der URLs, damit bestehende Beitr\u00e4ge auf das CDN zeigen \u2013 Ihr Origin liegt dann nicht mehr im kritischen Pfad der Medien.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kombinieren Sie das Offload mit korrekter srcset-Unterst\u00fctzung, damit mobile Browser passend dimensionierte Varianten laden. Die meisten WordPress-Themes erzeugen diese bereits; das Plugin muss nur jede Varianten-URL umschreiben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vergessen Sie CLS und INP nicht<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Cumulative Layout Shift sinkt, wenn Bilder explizite Breiten- und H\u00f6henangaben haben, sodass der Browser den Platz reserviert, bevor die Datei eintrifft. Interaction to Next Paint hat mit Medien nichts zu tun, sollte aber gepr\u00fcft werden, sobald der LCP gel\u00f6st ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die meisten modernen WordPress-Themes setzen Breite und H\u00f6he bereits in der Ausgabe. Falls Ihres das nicht tut, beheben Sie das, bevor Sie erneut messen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So best\u00e4tigen Sie, dass die \u00c4nderung gewirkt hat<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fchren Sie PageSpeed Insights f\u00fcr dieselbe URL vor und nach dem Offload aus und achten Sie auf den Abschnitt mit den Felddaten statt auf die Labordaten. Felddaten spiegeln echte Nutzer wider und sind das, was Google f\u00fcrs Ranking verwendet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Felddaten werden etwa alle achtundzwanzig Tage aktualisiert \u2013 geraten Sie also nicht in Panik, wenn Sie die \u00c4nderung nicht \u00fcber Nacht sehen. Labordaten aktualisieren sich sofort und sind ein gutes Fr\u00fchsignal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie m\u00f6chten, dass ein Team daf\u00fcr sorgt, dass all das sauber abgestimmt ist? Bei <a href=\"https:\/\/defyn.com.au\" rel=\"noopener\">Defyn<\/a> bauen und pflegen wir schnelle WordPress-Seiten, bei denen die Medienauslieferung von Anfang bis Ende gel\u00f6st ist.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Auf den meisten WordPress-Seiten entscheidet die Medienauslieferung \u00fcber einen gr\u00fcnen oder roten Core-Web-Vitals-Wert. Hier erfahren Sie, wohin die Zeit geht und wie Sie es beheben.<\/p>\n","protected":false},"author":2,"featured_media":2890,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[5,1069],"tags":[],"class_list":["post-3269","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-search-engine-optimisation"],"jetpack_publicize_connections":[],"featured_image_src":"https:\/\/smartcoding.com.au\/wp-content\/uploads\/2026\/06\/developer-workspace-code-600x400.jpg?crop=1","featured_image_src_square":"https:\/\/smartcoding.com.au\/wp-content\/uploads\/2026\/06\/developer-workspace-code-600x600.jpg?crop=1","author_info":{"display_name":"Claire Smith","author_link":"https:\/\/smartcoding.com.au\/de\/author\/claire\/"},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/phbW1n-QJ","jetpack_featured_media_url":"https:\/\/smartcoding.com.au\/wp-content\/uploads\/2026\/06\/developer-workspace-code.jpg","_links":{"self":[{"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/posts\/3269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/comments?post=3269"}],"version-history":[{"count":1,"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/posts\/3269\/revisions"}],"predecessor-version":[{"id":4689,"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/posts\/3269\/revisions\/4689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/media\/2890"}],"wp:attachment":[{"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/media?parent=3269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/categories?post=3269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smartcoding.com.au\/de\/wp-json\/wp\/v2\/tags?post=3269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}