info@netz-gaenger.de       📞 +49 151 / 28859057

Automatisches Lazy Loading in WordPress entfernen

WordPress wird ab der Version 5.5 eine automatische Unterstützung von Lazy Loading von Bildern integrieren. Das bedeutet, dass WordPress deinen Bildern ein Attribut loading=“lazy“ hinzufügt. Auch, wenn du das gar nicht möchtest. Hier zeige ich dir, wie du Lazy Loading in WordPress deaktivierst.

Hier siehst du, wie WP 5.5 das loading=“lazy“ Attribut deinen Bildern hinzufügt

Wieso Lazy Loading in WordPress 5.5 eingebaut wurde

Der Hersteller von WP geht immer mehr dazu über dem User das Leben leichter zu machen und auch die Auslieferung von Webseiten schneller zu gestalten. Bilder stellen schon immer eine größten Lasten bei Ladezeiten von Websites dar. Viele bauen daher über Plugins das Lazy Loading extra ein, damit die Ladezeiten optimiert werden. Das gehört nun der Vergangenheit an, wenn man zumindest die Browser betrachtet, die dieses Attribut unterstützen. Das sind nicht alle und auch nicht geräteübergreifend. Aber man kann davon ausgehen, dass in 1 oder 2 Jahren alle modernen Browser mitziehen.


Was passiert beim Lazy Loading?

Lazy Loading führt dazu, dass Bilder erst dann geladen werden, wenn sie angezeigt werden sollen. Das spart beim ersten Aufruf einer Site natürlich massiv Ladezeiten, wenn alle Bilder ausserhalb des Viewports noch nicht geladen werden, sondern erst später. Allerdings mag nicht jeder diese Funktion, weil sie nicht perfekt zu steuern ist und Bilder wirklich erst geladen werden, wenn ausreichend weit zum Bild gescrollt wurde. So kann es passieren, dass man eine Zeit lang noch ein leeres Feld sieht, das dann erst gefüllt wird, wenn man weiterscrollt. Für Design-Enthusiasten ist das ein Graus. Für Performance-Gurus eine wahre Freude. Zu welcher Gruppe gehörst du?


loading=“lazy“ in WordPress deaktivieren

Wie kannst du also das Lazy Loading Attribut in WordPress deaktivieren? Mit Hilfe eines kleinen Plugins:

Disable Lazy Loading

Es ist ein super einfaches Plugin, das die offizielle WordPress-Technik zur Deaktivierung der WP Lazy Loading-Funktion nutzt. Einfach installieren und fertig; WordPress wird keine loading=“lazy“-Attribute in die Bilder deiner Website mehr einfügen.


Soll ich Lazy Loading über WordPress oder Plugins einfügen lassen?

Es gibt Plugins, wie z.B. WP Rocket, die fügen ihrerseits das Lazy Loading zu deiner Site hinzu. Damit es zu keinen Konflikten kommt, macht es evtl. Sinn entweder die Funktion im Plugin zu deaktivieren oder aber über das vorgestellte Plugin die automatische Attributvergabe durch WordPress zu unterbinden. Es bleibt in diesem Fall dir überlassen und ist abhängig vom Setting deiner Site.


loading=“lazy“ ohne Plugin deaktivieren

Du kannst dir auch ein Plugin sparen, indem du über den folgende Filter in der functions.php das Attribut loading=“lazy“ deaktivierst. Wer sich also etwas mit WP auskennt, kann das Ganze auch ohne Plugin steuern.

add_filter('wp_lazy_loading_enabled', '__return_false');

Hat dir mein Beitrag geholfen?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 5 / 5. Anzahl Bewertungen: 4

Letzte Version vom 6. August 2020 von Netzgänger

Beliebte Artikel

Wie gut ist HostPress, der spezialisierte WP Hoster?

Als WordPress-Entwickler habe ich viel mit Hostern zu tun. Hier liest du meine Erfahrungen zu HostPress und warum ich jetzt selber in einigen Projekten auf den Hosting-Anbieter setze.

Die besten Webhoster im Vergleich

Als WordPress Entwickler kenne ich alle guten Hoster. Hier zeige ich dir die besten WP Hoster und welcher für dich Sinn macht.

Muss WordPress gewartet werden?

Müssen WordPress Sites gewartet werden? Braucht es die regelmäßigen Updates oder kann man sich den Aufwand sparen? Das erkläre ich hier.

Die besten WP Security Plugins

WordPress solltest du immer absichern. Dafür gibt es diverse Plugins, die dich bei den Securitymaßnahmen unterstützen. Meine Empfehlungen.

Die besten Plugins für Auto-Übersetzung

Hier zeige ich dir 4 Plugins, die es ermöglichen WordPress automatisch zu übersetzen. Von wirklich gut bis wirklich schlecht ist alles dabei.

Die besten Plugins für Mehrsprachigkeit

Mit diesen 5 Plugins kannst du WordPress ganz einfach selber mehrsprachig einrichten. Multi-Language Fähigkeit in WP nachrüsten.

Bildnachweise: Freepik - Flaticon

Kommentare

  • ComiChaot

    Zwar schön älter der Eintrag aber hat mir dennoch geholfen!
    Danke schön

    Reply

  • Maximilian

    Ein echt mega guter und ausführlicher Beitrag. Danke dir.

    Reply

  • Christian

    Hallo, ich habe mal eine Frage. Erledigt das Plugin das Gleiche wie der Einzeiler und verändert es die functions.php? Ich habe das Plugin nämlich installiert und war dann verwundert, dass meine functions.php immer noch die Alte war.

    Reply

  • Armin

    Hallo René,

    Danke für die Erklärung und den Code-Schnipsel zum Deaktivieren von lazyload!

    Gibt es denn eine einfache Variante, nur z.B. Tiled Galleries auszuschließen? Wenn ich es richtig verstehe, kann die Breite der einzelnen Bilder in einer solchen Galerie erst berechnet werden, wenn alle geladen sind. Und das kann zu seltsamen Darstellungen führen, während es bei einzelnen Bildern Sinn macht, erst bei Bedarf zu laden.

    Viele Grüße
    Armin

    Reply

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert