Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

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

Standardmäßig verwendet WordPress Lazy Loading, um Medien-Downloads zu verzögern, was die Ladezeiten verbessert.

Bei WPBeginner nutzen wir diese Funktion auf einigen unserer Websites, um die Dinge zu beschleunigen. Sie hilft Seiten, schneller zu laden, indem Bilder verzögert werden, bis sie tatsächlich benötigt werden.

Es gibt jedoch viele Gründe, Lazy Loading zu deaktivieren, sei es zur Optimierung bestimmter Elemente, zur Fehlerbehebung, zur Gewährleistung der Plugin-Kompatibilität oder zur Vermeidung einer schlechten Benutzererfahrung.

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

So deaktivieren Sie Lazy Load in WordPress richtig

Was ist Lazy Loading?

WordPress hat Lazy Loading für Bilder erstmals in WordPress 5.5 eingeführt. Später wurde die Lazy Load-Funktion auf iFrame-Einbettungen (wie YouTube-Videos, Spotify und andere Einbettungen) ausgeweitet.

Diese Praxis hilft, die Leistung Ihrer Website und die Seitenladezeit zu verbessern, indem Inhalte im sichtbaren Bereich zuerst schnell geladen werden.

Eine schnellere Website ist nicht nur gut für die Benutzer, sondern kann auch Ihr Website-Ranking verbessern, da Suchmaschinen wie Google die Geschwindigkeit als wichtigen Rankingfaktor betrachten.

Abgesehen von Bildern und Einbettungen können Sie auch ganz einfach Kommentare per Lazy Load laden und Gravatare, um die Seitenladezeit 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 Tool „Untersuchen“ in Ihrem Browser auswählen.

Lazy Loading von Bildern in WordPress

Dies teilt Ihren Browserbildschirm und zeigt Ihnen den HTML-Quellcode an. Von hier aus können Sie sehen, dass das Attribut „loading=lazy“ zum Bild hinzugefügt wurde.

Normalerweise empfehlen wir die Deaktivierung von Lazy Load aufgrund seiner allgemeinen Vorteile für Ihre WordPress-Website nicht. Das Ausschalten kann zu einer langsameren Website-Geschwindigkeit, geringeren Konversionsraten und niedrigeren SEO-Rankings führen.

Lazy Loading kann jedoch die Benutzererfahrung für einige Websites beeinträchtigen.

Wenn Sie beispielsweise eine Fotografie-Website betreiben, auf der Bilder der wichtigste Aspekt Ihres Inhalts sind, kann das Lazy Loading von Bildern die Benutzererfahrung für Ihre Kunden ruinieren.

In anderen Fällen verwenden Sie möglicherweise eine andere Lazy-Load-Lösung und möchten nur das standardmäßige WordPress Lazy Load deaktivieren.

Nichtsdestotrotz sehen wir uns an, wie Sie Lazy Load in WordPress ganz einfach deaktivieren können.

Für dieses Tutorial zeigen wir Ihnen eine Code-Methode und eine Plugin-Methode. Sie können die folgenden Links verwenden, um zu der von Ihnen bevorzugten Option zu springen:

Sie können die Lazy-Load-Funktion in WordPress deaktivieren, indem Sie benutzerdefinierten Code zur functions.php-Datei Ihres Themes hinzufügen.

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

Deshalb empfehlen wir die Verwendung von WPCode, um benutzerdefinierten Code hinzuzufügen.

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

Wir haben es auf unserer Demowebsite gründlich getestet und ausgezeichnete Ergebnisse erzielt. Weitere Informationen finden Sie in unserem vollständigen WPCode-Testbericht.

Zuerst müssen Sie das WPCode Plugin installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

🚨 Hinweis: WPCode bietet auch eine kostenlose Version, die Sie für dieses Tutorial verwenden können. Ein Upgrade auf den kostenpflichtigen Plan bietet Ihnen jedoch Zugriff auf Funktionen wie eine Cloud-Bibliothek von Code-Snippets, bedingte Logik und mehr.

Nach der Aktivierung besuchen Sie die Seite Code-Schnipsel » + Schnipsel hinzufügen im WordPress-Dashboard.

Klicken Sie von hier aus unter der Option „Add Your Custom Code (New Snippet)“ auf die Schaltfläche „Use snippet“.

Neuen Ausschnitt hinzufügen

Dies führt Sie zur Seite „Benutzerdefinierten Snippet erstellen“, wo Sie mit der Eingabe eines Namens für Ihr Code-Snippet beginnen können.

Dies kann alles sein, was Ihnen hilft, das Code-Snippet zu identifizieren und zu verstehen, was es tut. Wir haben unseres „Disable Lazy Load“ genannt.

Sobald Sie Ihrem benutzerdefinierten Snippet einen Namen gegeben haben, wählen Sie im Dropdown-Menü „Code-Typ“ in der rechten Ecke des Bildschirms „PHP-Snippet“ aus.

Wählen Sie den PHP-Code-Typ für den Code-Snippet zur Deaktivierung des Lazy Loadings

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

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

So sieht der Code nach dem Einfügen aus.

Code-Snippet hinzufügen

Scrollen Sie danach zum Abschnitt „Insertion“. Wählen Sie hier einfach den Modus „Auto Insert“.

Dies stellt sicher, dass Ihr benutzerdefinierter Code automatisch überall auf Ihrer WordPress-Site ausgeführt wird, sobald Sie das Snippet aktivieren.

Wählen Sie eine Einfügemethode

Scrollen Sie als Nächstes wieder nach oben auf der Seite und schalten Sie einfach den Schalter „Inaktiv“ auf „Aktiv“ um.

Vergessen Sie schließlich nicht, auf die Schaltfläche „Snippet speichern“ zu klicken, um Ihr Code-Snippet zu speichern und auszuführen.

Speichern Sie Ihren Code-Snippet

Nun 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 Browser-Menü „Untersuchen“ auswählen.

Lazy Load deaktiviert

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

Methode 2: Lazy Load in WordPress mit einem Plugin deaktivieren

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

Sie müssen lediglich das Disable Lazy Load Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installieren eines WordPress-Plugins.

Plugin aktivieren, um Lazy Load zu deaktivieren

Das Plugin funktioniert sofort und erfordert keine Konfiguration. Nach der Aktivierung wird die Lazy-Load-Funktion auf Ihrer Website automatisch deaktiviert.

Video-Tutorial

Wenn Sie keine schriftlichen Anweisungen bevorzugen, können Sie sich unser Video-Tutorial ansehen:

WPBeginner abonnieren

Bonus: Steigern Sie die Geschwindigkeit und Leistung Ihrer Website

Sobald Sie Lazy Loading deaktiviert haben, kann dies die Geschwindigkeit und Leistung Ihrer Website negativ beeinflussen.

In diesem Fall können Sie andere Tipps ausprobieren, um die Leistung Ihrer Website zu verbessern und die Seitenladezeit zu verkürzen. Sie können beispielsweise die Bilder auf Ihrer Website optimieren, indem Sie sie komprimieren, JPEG oder PNG als Dateiformate verwenden und mehr.

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

Das WordPress.org-Theme-Verzeichnis

Abgesehen davon 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 Anfänger, wie Sie die Geschwindigkeit und Leistung von WordPress steigern können.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Lazy Load in WordPress richtig deaktivieren. Möglicherweise möchten Sie auch unseren Leitfaden für Anfänger zum Optimieren von WordPress-Bildern für bessere Seitenladezeiten lesen oder unsere Auswahl der besten WordPress-Bildkomprimierungs-Plugins ansehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

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

Leserinteraktionen

6 CommentsLeave a Reply

  1. Vielen Dank für den Code-Schnipsel. Nachdem PageSpeed Insights mich über Lazy-Load-Probleme alarmierte und mir mitteilte, dass dies problematisch für meine Website sei, versuchte ich auf vielfältige Weise, Lazy Load zu deaktivieren. Die Website ist auf Elementor aufgebaut, und nichts funktionierte richtig. Der Code-Schnipsel hat das Problem endlich behoben, und jetzt meldet PageSpeed Insights dieses Problem nicht mehr. Ich dachte, Lazy Load wäre besser für die Leistung, aber laut den Messungen auf meiner Website und meinem Template war es das nicht. Dieser Code-Schnipsel hat mich gerettet.

  2. Was ist mit dem Deaktivieren von Lazy Load NUR für das Beitragsbild (erstes Bild über der Falz)? Gibt es einen einfachen Weg?

    • Wir haben keine Empfehlung für die bedingte Deaktivierung, aber falls sich das ändert, werden wir es sicher mitteilen!

      Admin

Hinterlasse eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.