Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

So deaktivieren Sie Lazy Load in WordPress richtig (Schritt für Schritt)

Standardmäßig verfügt WordPress über eine Lazy-Load-Funktion, die Downloads für Bilder und andere Medien verzögert, bis sie benötigt werden, und so die Ladezeiten der Seiten verbessert.

Wenn Bilder jedoch nicht sofort angezeigt werden, kann dies für manche Benutzer eine schlechte Erfahrung sein. Außerdem gibt es viele andere Situationen, in denen Sie Lazy Loading deaktivieren sollten, z. B. um bestimmte Elemente zu optimieren, Probleme zu behandeln oder die Kompatibilität mit bestimmten Plugins und Funktionen zu verbessern.

Bei WPBeginner haben wir mehr als 15 Jahre Erfahrung in der WordPress-Leistungsoptimierung und wissen, wie und wann man Lazy Loading einsetzen sollte. Wir nutzen diese Funktion sogar auf einigen unserer eigenen Websites, um die Geschwindigkeit der Website zu erhöhen.

In diesem Artikel zeigen wir Ihnen, wie Sie das „Lazy Loading“ in WordPress ganz einfach deaktivieren können.

How to properly disable lazy load in WordPress

Was ist Lazy Loading?

WordPress führte das „Lazy Loading“ für Bilder erstmals in WordPress 5.5 ein. Später wurde die Funktion des trägen Ladens auf Iframe-Einbettungen (wie YouTube-Videos, Spotify und andere Einbettungen) erweitert.

Diese Praxis trägt zur Verbesserung der Leistung Ihrer Website und der Geschwindigkeit der Seite bei, da die Inhalte im sichtbaren Bereich zuerst geladen werden.

Eine schnellere Website ist nicht nur gut für die Nutzer, sondern kann auch die Platzierung Ihrer Website verbessern, da Suchmaschinen wie Google die Geschwindigkeit als wichtigen Rankingfaktor betrachten.

Abgesehen von Bildern und Einbettungen können Sie auch Kommentare und Gravatare leicht verzögert laden, um die Ladegeschwindigkeit der Seite weiter zu verbessern.

Sie können die Lazy-Loading-Funktionalität in Aktion sehen, indem Sie mit der rechten Maustaste auf ein Bild klicken und das Inspektionswerkzeug in Ihrem Browser auswählen.

Lazy loading images in WordPress

Dadurch wird der Bildschirm Ihres Browsers geteilt und der HTML-Quellcode angezeigt. Von hier aus können Sie das Attribut „loading=lazy“ sehen, das dem Bild hinzugefügt wurde.

Normalerweise empfehlen wir nicht, Lazy Load zu deaktivieren, da es für Ihre WordPress-Website insgesamt von Vorteil ist. Die Deaktivierung kann zu einer langsameren Website-Geschwindigkeit, niedrigeren Konversionsraten und niedrigeren SEO-Rankings führen.

Bei einigen Websites kann das „Lazy Loading“ jedoch die Benutzerfreundlichkeit beeinträchtigen.

Wenn Sie z. B. eine Fotografie-Website betreiben, bei der die Bilder den wichtigsten Teil des Inhalts ausmachen, kann ein träges Laden der Bilder das Nutzererlebnis für Ihre Kunden beeinträchtigen.

In anderen Fällen verwenden Sie vielleicht eine andere Lazy-Loading-Lösung und möchten nur die Standard-WordPress-Lazy-Load-Funktion deaktivieren.

Sehen wir uns also an, wie Sie Lazy Load in WordPress einfach deaktivieren können.

In diesem Tutorial werden wir Ihnen eine Code-Methode und eine Plugin-Methode zeigen. Über die unten stehenden Links können Sie zu der von Ihnen bevorzugten Option springen:

Wenn Sie lieber zuschauen und lernen möchten, können Sie auch das unten stehende Video-Tutorial nutzen.

Video-Anleitung

Subscribe to WPBeginner

Wenn Sie eine schriftliche Anleitung bevorzugen, dann lesen Sie einfach weiter.

Sie können die Funktion „Lazy Load“ in WordPress deaktivieren, indem Sie individuellen Code in die Datei functions.php Ihres Themes einfügen.

Beachten Sie jedoch, dass der kleinste Fehler beim Hinzufügen des Codes Ihre Website zerstören und unzugänglich machen kann.

Aus diesem Grund empfehlen wir die Verwendung von WPCode, um benutzerdefinierten Code hinzuzufügen.

Es ist das beste Plugin für individuelle WordPress-Code-Snippets auf dem Markt. Außerdem macht es das Hinzufügen von Code zu Ihrer Website super einfach und sicher.

Zunächst müssen Sie das WPCode-Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Hinweis: WPCode hat auch eine kostenlose Version, die Sie für dieses Tutorial verwenden können. Mit einem Upgrade auf den kostenpflichtigen Plan erhalten Sie jedoch Zugriff auf Funktionen wie eine Cloud-Bibliothek mit Code-Snippets, bedingte Logik und mehr.

Besuchen Sie nach der Aktivierung die Seite Code Snippets “ + Snippet hinzufügen im WordPress-Dashboard.

Klicken Sie hier auf den Button „Snippet verwenden“ unter der Option „Fügen Sie Ihren individuellen Code hinzu (neues Snippet)“.

Add new snippet

Dadurch werden Sie auf die Seite „Individuelles Snippet erstellen“ weitergeleitet, wo Sie zunächst einen Namen für Ihr Code-Snippet eingeben können.

Das kann alles sein, was Ihnen hilft, das Codeschnipsel zu identifizieren und was es tut. Wir haben unseren Code ‚Disable Lazy Load‘ genannt.

Sobald Sie Ihrem individuellen Snippet einen Namen gegeben haben, wählen Sie „PHP Snippet“ aus dem Dropdown-Menü „Code-Typ“ in der rechten Ecke der Ansicht.

Choose PHP code type for the code snippet to disable lazy loading

Kopieren Sie nun den folgenden PHP-Code und fügen Sie ihn in das Feld „Codevorschau“ ein:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

So wird der Code nach dem Einfügen aussehen.

Add code snippet

Danach blättern Sie zum Abschnitt „Einfügen“. Wählen Sie hier einfach den Modus „Automatisch einfügen“.

Dadurch wird sichergestellt, dass Ihr benutzerdefinierter Code automatisch überall auf Ihrer WordPress-Website ausgeführt wird, sobald Sie das Snippet aktivieren.

Choose an insertion method

Blättern Sie dann zurück zum Anfang der Seite und schalten Sie den Schalter „Inaktiv“ einfach auf „Aktiv“ um.

Vergessen Sie nicht, auf den Button „Snippet speichern“ zu klicken, um Ihr Code-Snippet zu speichern und auszuführen.

Save your code snippet

Jetzt wird das „Lazy Loading“ auf Ihrer WordPress Website deaktiviert.

Sie können dies testen, indem Sie mit der rechten Maustaste auf ein Bild klicken und im Browsermenü die Option „Untersuchen“ wählen.

Lazy loading disabled

Im HTML-Code für das Bild wird das Attribut „loading=lazy“ nun verschwinden.

Methode 2: Deaktivieren Sie Lazy Load in WordPress mit einem Plugin

Wenn Sie Ihrer Website keinen Code hinzufügen möchten, können Sie ein Plugin verwenden, um WordPress lazy loading zu deaktivieren.

Das Einzige, was Sie tun müssen, ist, das Disable Lazy Load Plugin zu installieren und zu aktivieren. Weitere Anleitungen finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Activate plugin to disable lazy load

Das Plugin ist sofort einsatzbereit und muss nicht konfiguriert werden. Sobald es aktiviert ist, wird die Funktion „Lazy Load“ auf Ihrer Website automatisch deaktiviert.

Bonus: Steigern Sie die Geschwindigkeit und Leistung Ihrer Website

Wenn Sie das „Lazy Loading“ deaktiviert haben, kann sich dies negativ auf die Geschwindigkeit und Leistung Ihrer Website auswirken.

In diesem Fall können Sie andere Tipps ausprobieren, um die Leistung Ihrer Website zu steigern und die Ladezeit der Seiten zu verkürzen. Sie können zum Beispiel die Bilder auf Ihrer Website optimieren, indem Sie sie komprimieren, JPEG oder PNG als Dateiformate verwenden und vieles mehr.

Außerdem sollten Sie immer die neueste Version von WordPress einsetzen, Textauszüge auf der Homepage verwenden, Kommentare in Seiten aufteilen und SEO-optimierte Themes auf Ihrer Website verwenden.

The WordPress.org theme directory

Darüber hinaus können Sie auch Caching-Plugins wie WP Rocket oder WP Super Cache verwenden, um die Geschwindigkeit Ihrer Website weiter zu erhöhen.

Weitere Tipps finden Sie in unserem Leitfaden für Einsteiger, wie Sie die Geschwindigkeit und Leistung von WordPress steigern können.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man Lazy Load in WordPress richtig deaktiviert. Vielleicht interessiert Sie auch unsere Anleitung für Einsteiger, wie man WordPress-Bilder für bessere Ladezeiten der Seiten optimiert, oder unsere Auswahl der besten Plugins zur Bildkomprimierung in WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

4 KommentareEine Antwort hinterlassen

  1. Dimitrios Charalampidis

    This website’s articles have helped me so much… I just wanted to say: Thank you!

    • WPBeginner Support

      You’re welcome! Glad to hear our guides have been helpful! :)

      Admin

  2. Adrian

    What about disable lazy load ONLY on featured image (first image above the fold)? Is there an easy way?

    • WPBeginner Support

      We do not have a recommendation for conditionally disabling it but should that change we will be sure to share!

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.