{"id":9755288,"date":"2026-10-13T11:06:27","date_gmt":"2026-10-13T09:06:27","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=9755288"},"modified":"2026-10-13T11:06:30","modified_gmt":"2026-10-13T09:06:30","slug":"lazy-loading-wordpress","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/","title":{"rendered":"Lazy Loading in WordPress: So l\u00e4dst du Bilder, Videos und mehr verz\u00f6gert"},"content":{"rendered":"\n<p>Nutzt deine WordPress-Website viele Bilder? Das w\u00e4re keine \u00dcberraschung, denn sie sind <a href=\"https:\/\/httparchive.org\/reports\/state-of-images\">das beliebteste Medienformat<\/a> im Web. Gleichzeitig k\u00f6nnen Bilder deine Website aber auch erheblich ausbremsen, und deshalb musst du wissen, wie du <strong>Lazy Loading in WordPress<\/strong> einsetzt.<\/p>\n\n\n\n<p>Wir haben schon fr\u00fcher \u00fcber das <a href=\"https:\/\/wp-rocket.me\/blog\/image-optimization-wordpress\/\">Optimieren von Bildern<\/a> gesprochen, damit sie so klein wie m\u00f6glich werden und schnell laden. Allerdings kannst du die Dateigr\u00f6\u00dfe deiner Bilder nur bis zu einem gewissen Punkt verringern, ohne Abstriche bei der Qualit\u00e4t zu machen. Au\u00dferdem summiert sich ihre Gr\u00f6\u00dfe, wenn du viele Bilder auf derselben Seite hast, selbst wenn sie optimiert wurden.<\/p>\n\n\n\n<p>Adame Dahmani, Product Manager bei WP Rocket, erkl\u00e4rt:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Lazy Loading schiebt das Laden nicht sichtbarer Bilder, Videos und iframes auf, bis sie gebraucht werden, und reduziert so unn\u00f6tige Anfragen. Das entlastet Bandbreite und Verarbeitung und hilft dem Browser, den Hauptthread und den kritischen Rendering-Pfad effizienter zu verwalten. Richtig umgesetzt verbessert es den <a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-first-contentful-paint\/\">First Contentful Paint<\/a> und oft auch den <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-largest-contentful-paint\/\">Largest Contentful Paint<\/a>, weil Inhalte above the fold Vorrang bekommen.<\/p>\n<\/blockquote>\n\n\n\n<p>Grund genug, eine ausf\u00fchrliche Anleitung zu Lazy Loading in WordPress zusammenzustellen, findest du nicht? Deshalb erf\u00e4hrst du im folgenden Artikel, wie es funktioniert und wie du Lazy Loading auf deiner Website anwenden kannst, um die besten Ergebnisse zu erzielen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist Lazy Loading?<\/h2>\n\n\n\n<p>Wenn du eine Webseite \u00f6ffnest, l\u00e4dt dein Browser normalerweise alle ihre Daten auf einmal. Jedes Bild, jeden Text, jeden Link usw. darauf.<\/p>\n\n\n\n<p>Gerade bei Bildern kann das lange dauern, wenn es viele davon gibt. Bilder sind viel gr\u00f6\u00dfer als andere Elemente einer Website. Au\u00dferdem blockieren sie oft das Laden anderer Ressourcen, solange der Browser mit ihnen besch\u00e4ftigt ist, sodass deine Seite den Rendering-Prozess nicht abschlie\u00dfen kann.<\/p>\n\n\n\n<p>Das Ergebnis: Deine Besucher m\u00fcssen lange warten, bis sie die angeforderte Webseite sehen. Und viele warten das nicht ab, was deine <a href=\"https:\/\/wp-rocket.me\/blog\/optimize-wordpress-bounce-rate\/\">Absprungrate<\/a> in die H\u00f6he treibt.<\/p>\n\n\n\n<p><strong>Lazy Loading<\/strong> verhindert das, indem es Bilder und andere Ressourcen, die anfangs nicht auf dem Bildschirm sichtbar sind, zun\u00e4chst nicht l\u00e4dt, und es ist eine wirksame Methode, um <a href=\"https:\/\/wp-rocket.me\/blog\/optimize-website-loading-time\/\">die Ladezeit deiner Website zu optimieren<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1532\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example.jpg\" alt=\"Google-Bildersuche nach Welpen: Die Bilder weiter unten auf der Seite (rot markiert) sind noch nicht geladen\" class=\"wp-image-6919132\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-191x195.jpg 191w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-768x784.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-59x60.jpg 59w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/google-images-lazy-loading-example-88x90.jpg 88w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>Stattdessen laden Bilder weiter unten auf der Seite erst nach und nach, wenn Besucher zu ihnen scrollen. So verstopfen sie den Browser nicht, und er kann andere Teile der Website schneller laden. Dadurch erscheinen Seiten f\u00fcr Besucher schneller, was zu einem besseren Erlebnis f\u00fchrt.<\/p>\n\n\n\n<p>Genau das meinen \u00fcbrigens <a href=\"https:\/\/wp-rocket.me\/blog\/how-to-test-wordpress-site-performance-measure-speed-results\/\">Tools f\u00fcr Geschwindigkeitstests<\/a>, wenn sie dir sagen: \u201e<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/defer-offscreen-images\/\">Nicht sichtbare Bilder aufschieben<\/a>\u201c.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">So funktioniert Lazy Loading<\/h3>\n\n\n\n<p>Es gibt mehrere M\u00f6glichkeiten, Lazy Loading umzusetzen. Fr\u00fcher brauchtest du daf\u00fcr ziemlich ausgefeiltes JavaScript. Inzwischen ist es jedoch eine Standardfunktion der Browser.<\/p>\n\n\n\n<p>Deshalb kannst du Bilder, die du auf diese Weise laden willst, einfach mit einem HTML-Attribut kennzeichnen, und die Browser deiner Besucher erledigen dann den Rest.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"391\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools.jpg\" alt=\"Das Attribut loading mit dem Wert lazy an einem img-Tag im Inspektor der Firefox-Entwicklerwerkzeuge\" class=\"wp-image-6919150\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-310x81.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-768x200.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-190x50.jpg 190w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-attribute-in-browser-developer-tools-345x90.jpg 345w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>Das ist ideal, weil es die Umsetzung vereinfacht, keinen zus\u00e4tzlichen Code auf deiner Website erfordert und das Vorgehen vereinheitlicht. Weil es zum De-facto-Standard geworden ist, hei\u00dft es inzwischen auch \u201enatives Lazy Loading\u201c.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vorteile von Lazy Loading<\/h3>\n\n\n\n<p>Da du jetzt wei\u00dft, wie es funktioniert: Welche Vorteile bringt Lazy Loading f\u00fcr die Bilder auf deiner Website?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>K\u00fcrzere Seitenladezeiten<\/strong>: Dar\u00fcber haben wir schon gesprochen. Indem du verhinderst, dass Bilder und andere Medien gleich zu Beginn geladen werden, kannst du die Zeit, bis eine Webseite erscheint, stark verk\u00fcrzen.<\/li>\n\n\n\n<li><strong>Weniger Arbeit f\u00fcr den Browser<\/strong>: Wenn Bilder per Lazy Loading geladen werden, muss dein Browser sie erst parsen, wenn ein Besucher die Seite nach unten scrollt.<\/li>\n\n\n\n<li><strong>Weniger HTTP-Anfragen<\/strong>: Au\u00dferdem <a href=\"https:\/\/wp-rocket.me\/blog\/reduce-http-requests-speed-wordpress-site\/\">reduzierst du die Anzahl der HTTP-Anfragen<\/a> und verbesserst die Bewertung f\u00fcr den Largest Contentful Paint.<\/li>\n\n\n\n<li><strong>Bessere Nutzererfahrung<\/strong>: Website-Besucher lieben schnell ladende Seiten, deshalb kann Lazy Loading den Konversionen und anderen Engagement-Kennzahlen zugutekommen.<\/li>\n\n\n\n<li><strong>Geringere Server- und CDN-Kosten<\/strong>: Dein Server oder CDN muss weniger Daten herunterladen, was zu niedrigeren Rechnungen f\u00fchrt, wenn deine Bandbreite begrenzt ist.<\/li>\n\n\n\n<li><strong>Schnellere mobile Performance<\/strong>: Bilder wirken sich bei langsameren mobilen Verbindungen st\u00e4rker aus. Wenn du diesen Faktor verringerst, profitieren vor allem deine mobilen Nutzer.<\/li>\n\n\n\n<li><strong>SEO-Vorteile<\/strong>: Lazy Loading verbessert die <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/\">Core Web Vitals<\/a>, die ein Rankingfaktor von Google sind.<\/li>\n\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00f6gliche Nachteile<\/h3>\n\n\n\n<p>Gleichzeitig kann Lazy Loading auch Probleme mit sich bringen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Performance-Probleme<\/strong>: Lazy Load above the fold einzusetzen (bei Logos, Hero-Bildern usw.), kann sich sogar negativ auf die Performance auswirken. Das liegt daran, dass das Largest Contentful Paint-Element wahrscheinlich ein Bild above the fold ist und daher so schnell wie m\u00f6glich laden sollte. Wie du Bilder vom Lazy Loading ausschlie\u00dft, besprechen wir sp\u00e4ter.<\/li>\n\n\n\n<li><strong>SEO-Probleme<\/strong>: Bei falscher Umsetzung kannst du verhindern, dass Suchmaschinen per Lazy Loading geladene Bilder indexieren. Wenn du dich an die Anleitung hier h\u00e4ltst, sollte das aber kein Problem sein.<\/li>\n\n\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Layoutverschiebungen<\/strong>: Wenn du die Gr\u00f6\u00dfe von Bildern mit Lazy Loading nicht festlegst, kann sich das Layout der Website verschieben, was schlecht f\u00fcr den <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-cumulative-layout-shift\/\">Cumulative Layout Shift<\/a> ist.<\/li>\n\n\n\n<li><strong>M\u00f6gliche Konflikte<\/strong>: Die Funktion kann mit einigen Plugins kollidieren.<\/li>\n\n\n\n<li><strong>Auswirkungen auf die Nutzererfahrung<\/strong>: Lazy Loading ist sichtbar, wenn jemand sehr schnell auf der Seite nach unten scrollt.<\/li>\n\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Wann du Lazy Loading einsetzen solltest<\/h3>\n\n\n\n<p>Wann ist es also sinnvoll, diese Technik einzusetzen?<\/p>\n\n\n\n<p>In den meisten F\u00e4llen ist sie am wirkungsvollsten, wenn du viele Bilder auf deiner Website hast, z. B. lange Blogartikel mit vielen Screenshots. Das kann aber auch f\u00fcr Produkt- oder Portfolioseiten gelten.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1317\" height=\"2048\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-scaled.jpg\" alt=\"Produkt\u00fcbersicht im Onlineshop von H&amp;M: Die Produktbilder unterhalb der ersten Reihe (rot markiert) sind noch nicht geladen\" class=\"wp-image-6919168\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-scaled.jpg 1317w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-125x195.jpg 125w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-768x1194.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-39x60.jpg 39w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-in-ecommerce-58x90.jpg 58w\" sizes=\"auto, (max-width: 1317px) 100vw, 1317px\" \/><\/figure>\n\n\n\n<p><strong>Lazy Load<\/strong> solltest du genau bei den Bildern below the fold einsetzen. Das verk\u00fcrzt die Ladezeit der Seite, ohne die Nutzererfahrung zu beeintr\u00e4chtigen. Wie oben schon erw\u00e4hnt, solltest du Lazy Load nicht auf Bilder above the fold anwenden, da sich das negativ auf die Ladezeit der Seite auswirken kann.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Wusstest du schon?<\/strong> WP Rocket enth\u00e4lt jetzt <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-21\/\">Rocket Insights<\/a>, den integrierten Performance-Hub auf Basis von GTmetrix. Er bringt das Performance-Monitoring genau dorthin, wo du deine Website ohnehin optimierst: Du kannst deine wichtigsten Seiten \u00fcberwachen, deine Ergebnisse verstehen, klare Empfehlungen mit Bezug zu WP-Rocket-Funktionen erhalten und jederzeit neu testen, ganz ohne zwischen mehreren Tools zu wechseln.<\/p>\n\n<p>\ud83d\ude80 <strong>Aktualisiere WP Rocket auf die neueste Version<\/strong>, um Rocket Insights direkt in deinem Dashboard zu nutzen: Er ist in deinem Tarif kostenlos enthalten!<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">So l\u00e4dst du Bilder mit nativem Lazy Loading verz\u00f6gert<\/h2>\n\n\n\n<p>Genug der Theorie, kommen wir zur Praxis. Sehen wir uns als Erstes an, wie du Lazy Loading umsetzt, wenn du die native L\u00f6sung des Browsers nutzen willst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Das HTML-Attribut loading<\/h3>\n\n\n\n<p>Damit Browser Lazy Loading anwenden, m\u00fcssen die Elemente der Website, die verz\u00f6gert laden sollen, mit dem HTML-Attribut <strong>&lt;loading=&#8220;lazy&#8220;&gt;<\/strong> gekennzeichnet sein. So sieht das in der Praxis aus:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"wp-rocket-is-awesome.jpg\" loading=\"lazy\" alt=\"WP Rocket\" \/&gt;\n&lt;iframe src=\"WP-Cache-Basics.html\" loading=\"lazy\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Das Attribut kennt zwei Werte:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>lazy<\/strong>: Schiebt das Laden von Bild- oder iframe-Elementen auf.<\/li>\n\n\n\n<li><strong>eager<\/strong>: Das ist das Standard-Ladeverhalten. Die Ressource wird sofort angefordert, unabh\u00e4ngig davon, wo sie sich befindet.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Derzeit unterst\u00fctzt das Attribut loading nur die Tags &lt;img&gt; und &lt;iframe&gt;. Du kannst es zum Beispiel nicht verwenden, um CSS-Hintergrundbilder per Lazy Loading zu laden. Optionen daf\u00fcr besprechen wir weiter unten.<\/p>\n\n\n\n<p>Da es au\u00dferdem von so gut wie jedem Browser \u00fcbernommen wurde (siehe unten), ist diese Methode auch die sicherste, wenn es um die Indexierung von Bildern mit Lazy Loading f\u00fcr SEO geht. Solange das img-Tag ein src-Attribut enth\u00e4lt, sollte zumindest Google keine Probleme haben, deine Bilder zu indexieren.<\/p>\n\n\n\n<p>Nur wenn du Lazy Loading mit JavaScript umsetzt, k\u00f6nnte es eine gute Idee sein, das src-Attribut innerhalb eines &lt;noscript&gt;-Tags anzugeben. Das ist f\u00fcr Suchmaschinen gedacht, deren Crawler nicht mit JavaScript umgehen k\u00f6nnen (Google kommt, wie gesagt, bestens damit zurecht).<\/p>\n\n\n\n<p>In beiden F\u00e4llen ist es eine gute Idee, zus\u00e4tzlich eine Bild-Sitemap bereitzustellen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Browserunterst\u00fctzung<\/h3>\n\n\n\n<p>Lazy Loading ist zu einem De-facto-Webstandard geworden. Laut <a href=\"https:\/\/caniuse.com\/loading-lazy-attr\">Can I Use<\/a> sollte es bei mehr als 95\u00a0% der Browsernutzer weltweit funktionieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1375\" height=\"493\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support.jpg\" alt=\"Browserunterst\u00fctzung f\u00fcr Lazy Loading \u00fcber das Attribut loading bei Bildern und iframes laut Can I Use, weltweit 95,57\u00a0% aller Nutzer\" class=\"wp-image-6919177\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support.jpg 1375w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-310x111.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-768x275.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-167x60.jpg 167w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loading-browser-support-251x90.jpg 251w\" sizes=\"auto, (max-width: 1375px) 100vw, 1375px\" \/><\/figure>\n\n\n\n<p>Au\u00dferdem gilt: Auch wenn du Lazy Loading auf deiner Website umgesetzt hast, leidet das Erlebnis in einem Browser, der es nicht unterst\u00fctzt, nicht darunter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lazy Loading in WordPress: Integrierte Optionen<\/h2>\n\n\n\n<p>Seit WordPress 5.5 l\u00e4dt das CMS Bilder standardm\u00e4\u00dfig per Lazy Loading. In Version 5.7 wurde die Funktion auf iframes ausgeweitet und in WordPress 5.9 feinjustiert.<\/p>\n\n\n\n<p>Wenn du also <a href=\"https:\/\/wp-rocket.me\/blog\/squarespace-to-wordpress\/\">deine Website von einem CMS wie Squarespace zu WordPress migriert hast<\/a> und deine WordPress-Website mit der neuesten Version l\u00e4uft, erh\u00e4lt jedes Bild und jedes iframe, dem ein width- und ein height-Attribut zugewiesen ist, automatisch das Attribut &lt;loading=&#8220;lazy&#8220;&gt;. Diese Bedingung wurde eingef\u00fchrt, um die bereits erw\u00e4hnten Probleme mit dem Cumulative Layout Shift zu vermeiden.<\/p>\n\n\n\n<p>Au\u00dferdem wird Lazy Loading ab WordPress 5.9 nicht auf das erste iframe oder Bild einer Seite angewendet. So sollen die zuvor besprochenen Probleme mit dem LCP vermieden werden.<\/p>\n\n\n\n<p>Dar\u00fcber hinaus wendet WordPress das Attribut an folgenden Stellen auf Bilder an:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Beitragsinhalte<\/li>\n\n\n\n<li>Textausz\u00fcge von Beitr\u00e4gen<\/li>\n\n\n\n<li>Text-Widgets<\/li>\n\n\n\n<li>Avatarbilder<\/li>\n\n\n\n<li>Als Anhang hinzugef\u00fcgte Bilder<\/li>\n\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Anpassungsm\u00f6glichkeiten<\/h3>\n\n\n\n<p>Derzeit gibt es keine No-Code-Optionen, um natives Lazy Loading in WordPress gezielt f\u00fcr bestimmte Seiten oder Bilder abzuschalten. Wenn du das m\u00f6chtest, musst du ein Plugin oder einige der folgenden Filter und Funktionen verwenden.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_lazy_loading_enabled\/\">wp_lazy_loading_enabled<\/a>: Damit kannst du Lazy Loading f\u00fcr Bilder in bestimmten Kontexten vollst\u00e4ndig ein- und ausschalten.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_filter_content_tags\/\">wp_filter_content_tags()<\/a>: F\u00fcge img-HTML-Tags die Attribute srcset, sizes und loading hinzu und iframes das Attribut loading.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_img_tag_add_width_and_height_attr\">wp_img_tag_add_width_and_height_attr()<\/a>: Wird verwendet, um img-Tags, denen width- und height-Attribute fehlen, diese Attribute hinzuzuf\u00fcgen, damit Lazy Loading auf sie angewendet werden kann.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_img_tag_add_srcset_and_sizes_attr\">wp_img_tag_add_srcset_and_sizes_attr()<\/a>: Erg\u00e4nze vorhandene img-Tags um die Attribute srcset und sizes, zu \u00e4hnlichen Zwecken wie oben.<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_img_tag_add_loading_attr\">wp_img_tag_add_loading_attr()<\/a>: F\u00fcgt img-Tags das Attribut loading hinzu. F\u00fcr iframes verwende wp_iframe_tag_add_loading_attr().<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_omit_loading_attr_threshold\/\">wp_omit_loading_attr_threshold()<\/a>: Lege einen Schwellenwert daf\u00fcr fest, wie viele der ersten Bilder und iframes nicht per Lazy Loading geladen werden sollen. N\u00fctzlich, wenn deine Website mehrere Medienelemente above the fold zeigt und du Lazy Load f\u00fcr sie alle deaktivieren willst.<\/li>\n\n\n<\/ul>\n\n\n\n<p>Beispiele daf\u00fcr, wie du das oben Genannte nutzt, um Lazy Loading in WordPress anzupassen, findest du in den Ank\u00fcndigungen zu <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/#customizing-lazy-loading\">WordPress 5.5<\/a>, <a href=\"https:\/\/make.wordpress.org\/core\/2021\/02\/19\/lazy-loading-iframes-in-5-7\/\">5.7<\/a> und <a href=\"https:\/\/make.wordpress.org\/core\/2021\/12\/29\/enhanced-lazy-loading-performance-in-5-9\/\">5.9<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tipps zur Fehlerbehebung<\/h3>\n\n\n\n<p>Wenn natives Lazy Loading auf deiner WordPress-Website nicht funktioniert, liegt das wahrscheinlich daran, dass du Elemente ansprichst, die kein &lt;img&gt;- oder &lt;iframe&gt;-Tag haben. Das sind die einzigen Tags, die WordPress nativ per Lazy Loading l\u00e4dt. F\u00fcr andere Optionen sieh dir den n\u00e4chsten Abschnitt an.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So aktivierst du Lazy Loading f\u00fcr Bilder und Videos in WordPress per Plugin<\/h2>\n\n\n\n<p>Es gibt viele <a href=\"https:\/\/wp-rocket.me\/blog\/best-lazy-load-plugins-wordpress\/\">Plugins, mit denen du deiner Website Lazy Loading hinzuf\u00fcgen kannst<\/a>. Der mit Abstand einfachste Weg ist aber WP Rocket. Das dauert weniger als eine Minute.<\/p>\n\n\n\n<p>Du musst dazu nur in deinem WordPress-Adminbereich <strong>Einstellungen &gt; WP Rocket &gt; Medien<\/strong> aufrufen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1179\" height=\"964\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket.jpg\" alt=\"LazyLoad-Optionen f\u00fcr Bilder, CSS-Hintergrundbilder sowie iframes und Videos und die Option f\u00fcr fehlende Bildabmessungen im Bereich \u201eMedien\u201c von WP Rocket\" class=\"wp-image-6919188\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket.jpg 1179w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-238x195.jpg 238w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-768x628.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-73x60.jpg 73w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/enable-lazy-loading-in-wordpress-via-wp-rocket-110x90.jpg 110w\" sizes=\"auto, (max-width: 1179px) 100vw, 1179px\" \/><\/figure>\n\n\n\n<p>Setze H\u00e4kchen bei den Medientypen, f\u00fcr die du Lazy Loading aktivieren willst:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bilder<\/li>\n\n\n\n<li>CSS-Hintergrundbilder<\/li>\n\n\n\n<li>iframes und Videos<\/li>\n\n\n<\/ul>\n\n\n\n<p>Au\u00dferdem kannst du WP Rocket eingebettete YouTube-Videos durch ein Vorschaubild ersetzen lassen. Und schlie\u00dflich gibt es eine Option, mit der du Bildern fehlende width- und height-Attribute hinzuf\u00fcgst, damit auch sie von Lazy Loading profitieren k\u00f6nnen.<\/p>\n\n\n\n<p>Triff deine Auswahl und klicke unten auf <strong>\u00c4nderungen speichern<\/strong>. Fertig.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Unterschiede zum nativen Lazy Loading<\/h3>\n\n\n\n<p>Wie du oben schon sehen kannst, gehen die Optionen von WP Rocket \u00fcber das native Lazy Loading von WordPress hinaus. Einer der wichtigsten Unterschiede ist, dass WP Rocket Lazy Loading auch auf Hintergrundbilder anwendet, sowohl auf Inline-Hintergrundbilder als auch auf die in CSS-Dateien definierten. Hier zum Beispiel Markup, das mit dieser Funktion kompatibel ist:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div style=\"background-image: url(image.jpg)\"&gt;<\/code><\/pre>\n\n\n\n<p>Mehr zum Lazy Loading von Hintergrundbildern mit WP Rocket erf\u00e4hrst du in unserer <a href=\"https:\/\/docs.wp-rocket.me\/article\/1141-using-lazyload-in-wp-rocket#background-images\">technischen Dokumentation<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">So pr\u00fcfst du, ob Lazy Loading funktioniert<\/h3>\n\n\n\n<p>Um zu sehen, ob Lazy Loading auf deiner Website erfolgreich angewendet wird, kannst du die Entwicklertools des Browsers verwenden. Gehe zum Tab <em>Netzwerk<\/em> und nutze den Filter <em>Img<\/em>. Lade die Seite neu, dann solltest du in der Liste nur Bilder above the fold sehen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"777\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working.jpg\" alt=\"Entwicklerwerkzeuge von Firefox, Tab \u201eNetwork\u201c mit dem Filter \u201eImages\u201c: Nach dem Neuladen stehen nur die Bilder above the fold in der Liste\" class=\"wp-image-6919204\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-310x161.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-768x398.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-116x60.jpg 116w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/check-if-lazy-loading-for-wordpress-is-working-174x90.jpg 174w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<p>Sobald du anf\u00e4ngst, nach unten zu scrollen, sollten immer mehr Bilder erscheinen. Au\u00dferdem solltest du in der Spalte <em>Initiator<\/em> den Wert lazyload sehen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"844\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1.jpg\" alt=\"Entwicklerwerkzeuge von Firefox, Tab \u201eNetwork\u201c: In der Spalte \u201eInitiator\u201c stehen bei den nachgeladenen Bildern die Werte lazy-img und lazy-imageset\" class=\"wp-image-6919215\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1.jpg 1500w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-310x174.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-768x432.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-107x60.jpg 107w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/lazy-loaded-images-in-browser-developer-tools-1-160x90.jpg 160w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Tipps zur Fehlerbehebung<\/h3>\n\n\n\n<p>Wenn du feststellst, dass einige Bilder nicht per Lazy Loading geladen werden, obwohl du die Option aktiviert hast, gibt es daf\u00fcr mehrere m\u00f6gliche Gr\u00fcnde:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Einige Bildtypen sind absichtlich ausgeschlossen, zum Beispiel WooCommerce-Produktgalerien<\/li>\n\n\n\n<li>Die Bilder enthalten eines von mehreren ausgeschlossenen Attributen, etwa data-src und data-no-lazy<\/li>\n\n\n\n<li>Das Bild wurde dynamisch mit JavaScript hinzugef\u00fcgt<\/li>\n\n\n\n<li>Es gibt einen Konflikt mit einem anderen Plugin, das Lazy Loading hinzuf\u00fcgt, oder dein Theme hat eine eigene Lazy-Loading-Funktion<\/li>\n\n\n<\/ul>\n\n\n\n<p>Weitere Informationen findest du in unserer Dokumentation dazu, <a href=\"https:\/\/docs.wp-rocket.me\/article\/1421-some-images-are-not-lazyloaded\">warum einige Bilder nicht per Lazy Loading geladen werden<\/a>, zu <a href=\"https:\/\/docs.wp-rocket.me\/article\/278-common-issues-with-lazyload\">h\u00e4ufigen Problemen mit LazyLoad<\/a> und zu <a href=\"https:\/\/docs.wp-rocket.me\/article\/38-lazyload-plugin-compatibility\">kompatiblen Plugins<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So deaktivierst du Lazy Loading in WordPress<\/h2>\n\n\n\n<p>Es gibt F\u00e4lle, in denen du Lazy Loading deaktivieren willst, entweder auf der ganzen Website, auf einer ganzen Seite oder f\u00fcr bestimmte Bilder. Hier sind verschiedene M\u00f6glichkeiten, das zu tun.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deaktiviere das native Lazy Loading von WordPress vollst\u00e4ndig<\/h3>\n\n\n\n<p>Wenn du das integrierte Lazy Loading auf deiner WordPress-Website deaktivieren willst, kannst du das mit diesem Code-Snippet tun:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code><\/pre>\n\n\n\n<p>F\u00fcge es in die Datei functions.php deines Themes ein (des Child-Themes!). Alternativ f\u00fcge es mit einem Plugin wie <a href=\"https:\/\/wordpress.org\/plugins\/wp-headers-and-footers\/\">Insert Headers and Footers<\/a> hinzu oder <a href=\"https:\/\/docs.wp-rocket.me\/article\/142-how-to-make-a-custom-mu-plugin\">erstelle dein eigenes MU-Plugin<\/a>.<\/p>\n\n\n\n<p>Um das native Lazy Loading von WordPress nur in bestimmten Kontexten oder nur f\u00fcr bestimmte Bilder zu deaktivieren, nutze die Funktionen und Filter im Abschnitt <em>Anpassungsm\u00f6glichkeiten<\/em> weiter oben.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schalte Lazy Loading in WP Rocket aus<\/h3>\n\n\n\n<p>Du kannst die Funktion LazyLoad in WP Rocket genauso einfach deaktivieren, wie du sie aktiviert hast. Gehe zum Bereich <strong>Medien<\/strong>, entferne die H\u00e4kchen und speichere.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"746\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket.jpg\" alt=\"Deaktivierte LazyLoad-Kontrollk\u00e4stchen im Bereich \u201eMedien\u201c von WP Rocket und die Schaltfl\u00e4che zum Speichern der \u00c4nderungen\" class=\"wp-image-6919229\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket.jpg 941w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-246x195.jpg 246w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-768x609.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-76x60.jpg 76w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/disable-lazy-loading-in-wp-rocket-114x90.jpg 114w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schlie\u00dfe bestimmte Beitr\u00e4ge und Seiten vom Lazy Loading aus<\/h3>\n\n\n\n<p>Wenn du diese Funktion nur f\u00fcr einen bestimmten Beitrag oder eine bestimmte Seite deaktivieren willst, kannst du auch das mit WP Rocket ganz einfach tun. \u00d6ffne die Seite oder den Beitrag im Editor und suche in der Seitenleiste die \u201eWP-Rocket-Optionen\u201c (Hinweis: Der Inhalt muss ver\u00f6ffentlicht sein, damit sie verf\u00fcgbar sind).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1176\" height=\"613\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages.jpg\" alt=\"Box \u201eWP-Rocket-Optionen\u201c in der Seitenleiste des Block-Editors mit den LazyLoad-Optionen f\u00fcr einen einzelnen Beitrag\" class=\"wp-image-6919244\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages.jpg 1176w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-310x162.jpg 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-768x400.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-115x60.jpg 115w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/wp-rocket-options-to-disable-lazy-loading-on-individual-posts-and-pages-173x90.jpg 173w\" sizes=\"auto, (max-width: 1176px) 100vw, 1176px\" \/><\/figure>\n\n\n\n<p>Entferne einfach das H\u00e4kchen bei der Option, die du nicht verwenden willst, und aktualisiere den Inhalt. Ist eine Option ausgegraut, musst du sie zuerst global in den Einstellungen von WP Rocket aktivieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Entferne Lazy Loading f\u00fcr bestimmte Bilder oder iframes<\/h3>\n\n\n\n<p>Du kannst Lazy Loading auch f\u00fcr einzelne Medienelemente deaktivieren. Diese Option findest du im Bereich <strong>Medien<\/strong> der Einstellungen von WP Rocket.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"938\" height=\"741\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket.jpg\" alt=\"Feld \u201eBilder- oder iframes-Ausnahmen\u201c im Bereich \u201eMedien\u201c von WP Rocket mit dem Dateinamen eines ausgeschlossenen Bildes\" class=\"wp-image-6919261\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket.jpg 938w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-247x195.jpg 247w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-768x607.jpg 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-76x60.jpg 76w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/05\/exclude-individual-images-from-lazy-loading-in-wp-rocket-114x90.jpg 114w\" sizes=\"auto, (max-width: 938px) 100vw, 938px\" \/><\/figure>\n\n\n\n<p>Gib im Feld den Dateinamen, die CSS-Klasse, das img-Attribut, den Domainnamen (bei externen Bildern) oder den Namen der CSS-Datei des Bildes ein, das du nicht per Lazy Loading laden willst, und speichere. Weitere Informationen und Beispiele in der <a href=\"https:\/\/docs.wp-rocket.me\/article\/15-disable-lazy-load-on-specific-images\">Dokumentation<\/a>.<\/p>\n\n\n\n<p>Beachte aber, dass du diese Funktion nicht verwenden musst, um Bilder above the fold vom Lazy Loading auszuschlie\u00dfen. Weil es sich so stark auf den Largest Contentful Paint und den PageSpeed-Insights-Score insgesamt auswirken kann, wenn du das nicht tust, <a href=\"https:\/\/wp-rocket.me\/blog\/wp-rocket-3-16\/\">erledigt WP Rocket das automatisch<\/a>, ohne dass du einen Finger r\u00fchren musst. Wenn du andere Gr\u00fcnde hast, Bilder oder iframes vom Lazy Loading auszuschlie\u00dfen, kannst du die oben beschriebene Methode trotzdem verwenden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Passe das Lazy Loading von WP Rocket per Code an<\/h3>\n\n\n\n<p>Wenn du mehr Kontrolle dar\u00fcber willst, wie Lazy Loading in WP Rocket funktioniert, kannst du es auch per Markup anpassen. Die folgenden Snippets geh\u00f6ren in deine functions.php oder in ein Plugin f\u00fcr diesen Zweck.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deaktiviere Lazy Loading unter bestimmten Bedingungen<\/h3>\n\n\n\n<p>Wir beginnen mit einer allgemeinen Funktionsstruktur, mit der du Lazy Loading unter verschiedenen Umst\u00e4nden abschalten kannst:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action('wp', function () {\n\n   \t \/\/ Declare condition set to false as a default\n   \t $condition = false;\n\n   \t \/\/ Build your condition logic to turn \u2018$condition\u2019 to \u2018true\u2019 when applicable\n\n   \t if ($condition) {\n\n   \t  \/\/ Disable Rocket Lazy Load if condition is met\n   \t  add_filter('do_rocket_lazyload', '__return_false');\n   \t \n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<p>Es folgen einige Beispiele daf\u00fcr, wie du diesen Ansatz nutzen kannst.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Deaktiviere Lazy Loading auf allen Seiten<\/h4>\n\n\n\n<p>Verwende das, wenn du Bilder in deinen Beitr\u00e4gen per Lazy Loading laden willst, aber nicht in Seiten:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_page() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Schalte Lazy Load auf der Startseite aus<\/h4>\n\n\n\n<p>Deaktiviere Lazy Loading f\u00fcr die Startseite deiner Website (die Seite, die du unter <strong>Einstellungen &gt; Lesen &gt; Homepage<\/strong> festlegst):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_front_page() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Deaktiviere Lazy Load auf deiner Blogseite<\/h4>\n\n\n\n<p>Dasselbe wie oben, aber f\u00fcr den Fall, dass du deine Startseite als Blog eingerichtet hast:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_home() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Entferne Lazy Load bei einzelnen Beitr\u00e4gen<\/h4>\n\n\n\n<p>Um Lazy Loading bei allen einzelnen Beitr\u00e4gen zu deaktivieren, es aber f\u00fcr Seiten und die Startseite deines Blogs beizubehalten, verwende dieses Snippet:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'wp', function () {\n   \t if ( is_single() ) {\n   \t\t add_filter('do_rocket_lazyload', '__return_false');\n   \t }\n    }\n);<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Deaktiviere LazyLoad f\u00fcr bestimmte Bilder<\/h4>\n\n\n\n<p>Mit dem Attribut data-no-lazy kannst du WP Rocket anweisen, bei bestimmten Bildern kein Lazy Loading zu verwenden:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"my-image.jpg\" data-no-lazy=\"1\" alt=\"\" width=\"100\" height=\"100\" \/&gt;<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">F\u00fcge Bildern mit Lazy Loading einen Fade-in-Effekt hinzu<\/h4>\n\n\n\n<p>F\u00fcr Besucher kann es etwas irritierend sein, wenn deine per Lazy Loading geladenen Bilder wie aus dem Nichts auf der Seite auftauchen. Bilder nach und nach einzublenden ist ein beliebter Effekt, um dieses Erlebnis zu verbessern.<\/p>\n\n\n\n<p>Das folgende CSS-Snippet f\u00fcgt deiner Website einen Fade-in-Effekt hinzu. Beachte, dass es in deine style.css geh\u00f6rt, nicht in die functions.php:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>img[data-lazy-src] {\n    opacity: 0;\n}\n\nimg.lazyloaded {\n    -webkit-transition: opacity .5s linear 0.2s;\n    -moz-transition: opacity .5s linear 0.2s;\n    transition: opacity .5s linear 0.2s;\n    opacity: 1;\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Passe den LazyLoad-Schwellenwert an<\/h4>\n\n\n\n<p>Standardm\u00e4\u00dfig l\u00e4dt WP Rocket Bilder mit Lazy Loading, sobald sie h\u00f6chstens 300\u00a0Pixel vom Browserfenster entfernt sind. Diesen Schwellenwert kannst du so anpassen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'rocket_lazyload_threshold', function ( $threshold ) {\n    return 100;\n});<\/code><\/pre>\n\n\n\n<p>Hinweis: Im obigen Beispiel ist der Schwellenwert auf 100px gesetzt. Passe die Zahl nach Belieben an.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Starte jetzt mit Lazy Loading in WordPress<\/h2>\n\n\n\n<p>Lazy Loading ist eine hervorragende M\u00f6glichkeit, die Performance deiner Website zu verbessern. Am wirkungsvollsten ist es bei Websites mit vielen Bildern, weil es verhindert, dass diese und andere Medienelemente geladen werden, bevor sie tats\u00e4chlich auf dem Bildschirm erscheinen.<\/p>\n\n\n\n<p>WordPress bringt inzwischen zwar standardm\u00e4\u00dfig natives Lazy Loading mit, bietet Nicht-Entwicklern aber nicht viele Einstellm\u00f6glichkeiten und gilt nur f\u00fcr Bilder und iframe-Elemente. Wenn du granularer vorgehen und Lazy Loading auch auf Dinge wie CSS-Hintergr\u00fcnde anwenden willst, ist eine Plugin-L\u00f6sung wie WP Rocket der richtige Weg. Damit kannst du Lazy Loading f\u00fcr bestimmte Bereiche deiner Website und sogar f\u00fcr einzelne Dateien abschalten.<\/p>\n\n\n\n<p><a href=\"https:\/\/wp-rocket.me\/de\/\">Probier es jetzt aus<\/a>. Falls du nicht \u00fcberzeugt bist, kannst du dich jederzeit auf unsere 100-prozentige Geld-zur\u00fcck-Garantie verlassen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Was ist <strong>Lazy Loading<\/strong>?<\/h3>\n\n\n\n<p>Lazy Loading ist eine Technik, die das Laden nicht sichtbarer Bilder, Videos und iframes aufschiebt, bis sie gebraucht werden. Bilder weiter unten auf der Seite laden erst nach und nach, wenn Besucher zu ihnen scrollen, sodass der Browser andere Teile der Website schneller laden kann. Dadurch erscheinen Seiten f\u00fcr Besucher schneller, und es gibt weniger unn\u00f6tige Anfragen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ist <strong>Lazy Loading in WordPress<\/strong> standardm\u00e4\u00dfig integriert?<\/h3>\n\n\n\n<p>Ja, seit WordPress 5.5 l\u00e4dt das CMS Bilder standardm\u00e4\u00dfig per Lazy Loading. In Version 5.7 wurde die Funktion auf iframes ausgeweitet und in WordPress 5.9 feinjustiert: Seit WordPress 5.9 wird Lazy Loading nicht auf das erste iframe oder Bild einer Seite angewendet. Das Attribut &lt;loading=&#8220;lazy&#8220;&gt; erhalten automatisch alle Bilder und iframes, denen ein width- und ein height-Attribut zugewiesen ist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Welche Bilder sollte ich <strong>lazy loaden<\/strong>?<\/h3>\n\n\n\n<p>Lazy Loading solltest du bei den Bildern below the fold einsetzen. Das verk\u00fcrzt die Ladezeit der Seite, ohne die Nutzererfahrung zu beeintr\u00e4chtigen. Bilder above the fold wie Logos oder Hero-Bilder solltest du dagegen nicht per Lazy Loading laden, weil das Largest Contentful Paint-Element wahrscheinlich eines davon ist und so schnell wie m\u00f6glich laden sollte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie deaktiviere ich <strong>Lazy Loading in WordPress<\/strong>?<\/h3>\n\n\n\n<p>Das native Lazy Loading von WordPress deaktivierst du vollst\u00e4ndig mit dem Code-Snippet <code>add_filter( 'wp_lazy_loading_enabled', '__return_false' );<\/code> in der functions.php deines Child-Themes oder \u00fcber ein Plugin wie Insert Headers and Footers oder ein eigenes MU-Plugin. In WP Rocket entfernst du im Bereich \u201eMedien\u201c die H\u00e4kchen bei LazyLoad und speicherst. F\u00fcr einzelne Beitr\u00e4ge und Seiten kannst du Lazy Loading in den \u201eWP-Rocket-Optionen\u201c in der Seitenleiste des Editors abschalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was bewirkt das Attribut <strong>loading=&#8220;lazy&#8220;<\/strong>?<\/h3>\n\n\n\n<p>Das HTML-Attribut loading mit dem Wert lazy schiebt das Laden von Bild- oder iframe-Elementen auf. Der Wert eager ist dagegen das Standard-Ladeverhalten: Die Ressource wird sofort angefordert, unabh\u00e4ngig davon, wo sie sich befindet. Das Attribut unterst\u00fctzt derzeit nur die Tags &lt;img&gt; und &lt;iframe&gt;, f\u00fcr CSS-Hintergrundbilder kannst du es also nicht verwenden.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.<\/p>\n","protected":false},"author":335480,"featured_media":2647995,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_focuskw":"lazy loading wordpress","_yoast_wpseo_title":"Lazy Loading in WordPress: Die komplette Anleitung f\u00fcr 2026","_yoast_wpseo_metadesc":"So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.","inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[63],"tags":[],"class_list":["post-9755288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-cache"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Lazy Loading in WordPress: Die komplette Anleitung f\u00fcr 2026<\/title>\n<meta name=\"description\" content=\"So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lazy Loading in WordPress: Die komplette Anleitung f\u00fcr 2026\" \/>\n<meta property=\"og:description\" content=\"So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-13T09:06:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-13T09:06:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nick Sch\u00e4ferhoff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nick Sch\u00e4ferhoff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"18\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/\"},\"author\":{\"name\":\"Nick Sch\u00e4ferhoff\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798\"},\"headline\":\"Lazy Loading in WordPress: So l\u00e4dst du Bilder, Videos und mehr verz\u00f6gert\",\"datePublished\":\"2026-10-13T09:06:27+00:00\",\"dateModified\":\"2026-10-13T09:06:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/\"},\"wordCount\":3337,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"articleSection\":[\"Page speed and caching\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/\",\"url\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/\",\"name\":\"Lazy Loading in WordPress: Die komplette Anleitung f\u00fcr 2026\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"datePublished\":\"2026-10-13T09:06:27+00:00\",\"dateModified\":\"2026-10-13T09:06:30+00:00\",\"description\":\"So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png\",\"width\":1100,\"height\":460,\"caption\":\"WP Rocket and Native LazyLoad on WordPress 5.5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\/\/wp-rocket.me\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page speed and caching\",\"item\":\"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Lazy Loading in WordPress: So l\u00e4dst du Bilder, Videos und mehr verz\u00f6gert\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d&#039;optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798\",\"name\":\"Nick Sch\u00e4ferhoff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g\",\"caption\":\"Nick Sch\u00e4ferhoff\"},\"description\":\"Content writer, entrepreneur, and digital marketer. Lover of languages. Based in Berlin but home anywhere that has an Internet connection. Bad at writing short bios.\",\"sameAs\":[\"https:\/\/nickschaeferhoff.com\/\",\"https:\/\/www.linkedin.com\/in\/nschaeferhoff\/\"],\"url\":\"https:\/\/wp-rocket.me\/de\/blog\/author\/nick-schaferhoff\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lazy Loading in WordPress: Die komplette Anleitung f\u00fcr 2026","description":"So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/","og_locale":"de_DE","og_type":"article","og_title":"Lazy Loading in WordPress: Die komplette Anleitung f\u00fcr 2026","og_description":"So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.","og_url":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2026-10-13T09:06:27+00:00","article_modified_time":"2026-10-13T09:06:30+00:00","og_image":[{"width":1100,"height":460,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","type":"image\/png"}],"author":"Nick Sch\u00e4ferhoff","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"Verfasst von":"Nick Sch\u00e4ferhoff","Gesch\u00e4tzte Lesezeit":"18\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/"},"author":{"name":"Nick Sch\u00e4ferhoff","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798"},"headline":"Lazy Loading in WordPress: So l\u00e4dst du Bilder, Videos und mehr verz\u00f6gert","datePublished":"2026-10-13T09:06:27+00:00","dateModified":"2026-10-13T09:06:30+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/"},"wordCount":3337,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","articleSection":["Page speed and caching"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/","url":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/","name":"Lazy Loading in WordPress: Die komplette Anleitung f\u00fcr 2026","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","datePublished":"2026-10-13T09:06:27+00:00","dateModified":"2026-10-13T09:06:30+00:00","description":"So funktioniert Lazy Loading in WordPress: wann natives Lazy Loading reicht und wie du Bilder, iframes und Videos verz\u00f6gert l\u00e4dst, ohne den LCP zu bremsen.","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/native-lazyload-wordpress-5-5.png","width":1100,"height":460,"caption":"WP Rocket and Native LazyLoad on WordPress 5.5"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/de\/blog\/lazy-loading-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/wp-rocket.me\/de\/"},{"@type":"ListItem","position":2,"name":"Page speed and caching","item":"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/"},{"@type":"ListItem","position":3,"name":"Lazy Loading in WordPress: So l\u00e4dst du Bilder, Videos und mehr verz\u00f6gert"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d&#039;optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/eeb53110f77bb3a3323467aa432b7798","name":"Nick Sch\u00e4ferhoff","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b66b3d829a78dc79fc182cedf1bf7c7d2a16017fc662b637ad7aa05365341f60?s=96&d=mm&r=g","caption":"Nick Sch\u00e4ferhoff"},"description":"Content writer, entrepreneur, and digital marketer. Lover of languages. Based in Berlin but home anywhere that has an Internet connection. Bad at writing short bios.","sameAs":["https:\/\/nickschaeferhoff.com\/","https:\/\/www.linkedin.com\/in\/nschaeferhoff\/"],"url":"https:\/\/wp-rocket.me\/de\/blog\/author\/nick-schaferhoff\/"}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/posts\/9755288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/users\/335480"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/comments?post=9755288"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/posts\/9755288\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/media\/2647995"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/media?parent=9755288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/categories?post=9755288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/de\/wp-json\/wp\/v2\/tags?post=9755288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}