Aktivieren Sie Lazy Loading für Bilder auf Ihrer WordPress-Website!

Artikel geschrieben von:
  • WordPress
  • Aktualisiert: Dec 10, 2016

Lazy Loading ist ein sehr nützlicher Trick, mit dem Ihre Webseiten viel schneller oder scheinbar viel schneller geladen werden. Angenommen, Sie haben eine Webseite mit 20-Bildern, was nicht allzu ungewöhnlich ist. Wie lange dauert es Ihrer Meinung nach, bis alle 20-Bilder geladen sind, und wie viel Zeit wird für das Laden Ihrer Seite aufgewendet? Man könnte meinen, dass ein erheblicher Teil der Ladezeit für solche Seiten in Richtung Bilder und andere Daten schwere Objekte.

Beim Lazy Loading hingegen können Sie das Laden von Bildern verzögern, die noch nicht in Sichtweite des Lesers sind. Und das bedeutet, dass das, was der Leser tatsächlich sieht, viel schneller lädt, was darauf hindeutet, dass die Website viel schneller ist, als sie wirklich ist.

Lazy Loading kann einfach mit kostenlosen WP-Plugins durchgeführt werden. Sie sollten wissen, dass bestimmte Caching-Plugins wie WP Rocket als Teil ihrer Funktionalität Lazy Loading-Skripte enthalten.

Rakete Lazy Load

Dieses Plug-in reduziert die Gesamtzahl der HTTP-Anfragen und reduziert somit die Anzahl der Kommunikationsvorgänge des Servers, um die gleiche Menge an Informationen zu übermitteln. Infolgedessen verringern sich die Ladezeit und die Verwendung von Serverressourcen.

Rocket Lazy Load zeigt nur Bilder an, die für den Leser sichtbar sind. Und es funktioniert auch mit so ziemlich allen Bildern (einschließlich Miniaturansichten, Bildern in Post-Inhalten oder in Text-Widgets). Das Plugin verwendet kein jQuery, sondern fügt Ihren Seitenköpfen JavaScript hinzu und das Skript ist unglaublich leicht. Und hier ist meiner Meinung nach der ansprechendste Teil des Plugins - es hat überhaupt keine Optionen, einfach einstecken und aktivieren, fertig.

Die Tatsache, dass es keine Optionen hat, mag für einige Leute nicht sehr attraktiv sein. Sie haben andere Alternativen zum Lazy Loading, die mehr Möglichkeiten bieten, lesen Sie weiter!

Laden Sie Rocket Lazy Load herunter

Lazy Load

Dieses Lazy-Load-Plugin verwendet jQuery.sonar, um Bilder zu laden, wenn ein Leser nach unten scrollt und die Bilder sichtbar werden. Lazy Load wurde von einigen tollen Leuten von Automattic zusammengestellt. Lazy Load sollte die Ladezeiten der Site verbessern und auch die Serverbandbreite verbessern. Das Plugin sorgt für eine geringere Nutzung der Serverbandbreite, indem nur Images geladen werden, die der Leserbelastung ausgesetzt sind.
Laden Sie Lazy Load herunter

BJ Lazy Load

BJ Lazy Load reduziert die Serverbandbreitennutzung und macht Ihre Site außerdem schneller, indem alle Post-Images, Thumbnails, Inhalts-Iframes und Gravatars durch einen Platzhalter ersetzt werden. Eingebettete Videos von YouTube und Vimeo werden ebenfalls vom Plugin abgedeckt.

Sie können auch versuchen, Bilder und Iframes in Ihrem Design zu laden.

BJ

Der größte Unterschied ist die Verfügbarkeit der Wahl, die bei den meisten anderen Lazy Loading Plugins nicht zur Verfügung steht. Sie können zwischen Bildern in Inhalten, Miniaturansichten, Text-Widgets, Gravataren, Iframes und verschiedenen Bildklassen wählen, für die Sie das verzögerte Laden aktivieren / deaktivieren können.

Lade BJ Lazy Load herunter

Andere Plugins

Erweiterte Lazy Load ist ein weiteres Lazy Loading-Plugin für WordPress-Websites und es kommt mit einer Menge Optionen, die sehr ähnlich zu BJ Lazy Load. Sie können sich auch für mobile Lazy-Load-Einstellungen entscheiden, die möglicherweise für Websites mit einer großen Anzahl von mobilen Seitenaufrufen erforderlich sind.

Lazy Last XT ist ein kostenloses Plugin, das das Lazy Loading für nahezu alle Arten von Inhalten ermöglicht, einschließlich Iframes, Videos und natürlich Bilder. Das Plugin ist auch ein Federgewicht-Plugin und benötigt nicht zu viele Ressourcen, um effektiv zu funktionieren. Lazy Load XT ersetzt src-Attribute durch data-src, wenn Serveranforderungen für den Inhalt von Front-End-Webseiten gestellt werden.

Zu dir hinüber!

Ein langsames Laden führt definitiv zu einer besseren Benutzererfahrung. Lazy Loading ist sehr wichtig für medienintensive Websites. Es ist ein einfacher Trick, der für einen sehr zufriedenen Leser sorgt.

Denken Sie daran, dass ein Lazy-Load-Plugin nur das Laden von Bildern verzögert. Für eine wirklich effiziente Website mit optimaler Leistung sollten Sie möglicherweise ein CDN in Betracht ziehen, um alle statischen Daten zu unterstützen ein leistungsfähiges Caching-Plugin wie W3 Total Cache um Ihren dynamischen Inhalt in statischen Inhalt umzuwandeln.

Über Vishnu

Vishnu ist ein freier Schriftsteller bei Nacht und arbeitet tagsüber als Datenanalytiker.

Verbinden: