WordPress Lazy Load Plugins

Für kürzere Ladezeiten Bilder nachladen

Veröffentlicht am 4. Februar 2015Wordpress Plugins11 Kommentare

Moderne Webseiten setzen viel auf hochauflösende Bilder und Grafiken. Was sich positiv auf die Nutzererfahrung auswirkt, verlangsamt jedoch die Ladezeiten – und das trotz immer schnelleren Internets. Mit der Funktion Lazy Load verkürzt ihr die Ladezeit eurer Seite trotz vieler Bilder. Diese drei WordPress-Plugins haben wir uns angesehen und für gut befunden.

advanced lazy load bj lazy load crazy lazy

Seiten werden immer größer

Während Webseiten 2013 durchschnittlich 1081 KB groß waren, waren es im Juli 2014 bereits 1622 KB (Quelle). Durch den Einsatz von langen „OnePagern“ und vielen Bildern werden Seiten auch 2015 immer größer. Das führt trotz einer schnellen Internetanbindung zu längeren Ladezeiten, da nur wenige Elemente parallel vom Server heruntergeladen werden können.

growth-average-web-page2014

Auswertung der durchschnittlichen Seitengrößen durch die Seite Websiteoptimization.com

Das ist Lazy Load

Wenn Seiten immer länger werden, der sichtbare Bereich im Browser aber konstant bleibt, ist nur ein Bruchteil der Seite auf den ersten Blick, also ohne scrollen, sichtbar. Diesen Bereich nennt man „above the fold“. Und genau hier setzt das Prinzip von Lazy Load an. Statt regulär alle Bilder der Seite vom Server zu laden, werden anfangs nur jene Bilder geladen, die im sichtbaren Bereich liegen und ohne Scrollen sichtbar sind. Erst wenn der User nach unten scrollt, werden mittels JavaScript weitere Bilder nachgeladen. Das hat den Vorteil, dass bis zum Darstellen des sichtbaren Bereichs weniger Daten geladen werden müssen und eure User schneller mit dem Lesen anfangen können. Andererseits muss zusätzlich die Funktion, also das JavaScript, geladen werden. Daher ist Lazy Load gerade für WordPress-Seiten mit vielen Bilden gut geeignet.

Lazy Load als WordPress Plugin

Natürlich lässt sich Lazy Load per Code umsetzen, einfacher und viel bequemer funktioniert es aber mit Plugins. Dazu haben wir für euch diese drei Plugins getestet:

Als Vergleichswert dienen die Messwerte, die wir ohne Lazy-Load-Plugin mit Pressengers.de erreichen.

Ladezeiten mit und ohne Lazy Load

Für diesen Test haben wir unsere Seite pressengers.de mit den Tools pingdom.com, gtmetrix.com und den Page Speed Insights von Google getestet. Da unsere Seite weder ein Foto-Blog noch ein OnePager ist, kann die Lazy Load-Funktion nicht alle Vorteile ausspielen:

Ohne Lazy Load Advanced Lazy Load BJ Lazy Load Crazy Lazy
Seitengröße (MB) 1,2 1,0 0,91 0,85
Ladezeit (Sek.) 2,62 2,14 1,94 1,89
Anfragen 89 80 136 132
GTmetrix 82% 81% 81% 81%
YSlow 80% 79% 79% 79%
Google PageSpeed Insights 85% 85% 82% 86%

 

Die harten Kennzahlen zur Ladezeit verbessern sich mit jedem der eingesetzten Plugins. Aber tendenziell verschlechtern sich durch den Einsatz des Lazy Load-JavaScript die Gesamtnoten von Pressengers in den Benchmarks. Das ist auf den aktuellen Stand unserer Optimierung zurückzuführen, bei der wir eher ein Problem mit der Anzahl an JavaScript-Dateien als mit der Anzahl der Grafiken haben.

Fazit: Die Lazy Load-Funktion lohnt sich besonders für Foto-Blogs und Grafik-Intensive WordPress-Seiten. Mit diesen drei Plugins verkürzt ihr die Ladezeit eurer Seite und die Inhalte sind für eure Leser schneller sichtbar.

Kommentare zu "Für kürzere Ladezeiten Bilder nachladen"
  1. Peter schrieb am 6. Februar 2015, um 16:56 Uhr:

    Hi,
    toll, wie ihr immer wieder auf „nützliche“ Plugins hinweist. – Aber: wie auch bei einem anderen Tipp kneift es bei Crazy Lazy bei meinem Theme (Pinboard).
    Mit aktiviertem Plugin wird plötzlich der komplette Content nicht mehr angezeigt, wenn ich meine Grid-Gallery (http://www.wonderplugin.com/wordpress-gridgallery/) nutze.
    Deaktiviere ich Crazy Lazy, wird alles wieder angezeigt.
    Lg
    Peter

  2. Viktor schrieb am 17. Februar 2015, um 16:15 Uhr:

    Hi Hans,
    toller Vergleich, Crazy Lazy schlägt sich ja gut. Ich werde das Plugin mal testen. Eine Frage: Wie vertragen sich solche Plugins mit SEO? Wenn ich es richtig verstehe, erfolgt das Nachladen per JavaScript, was von Suchmaschinen jedoch nicht akzeptiert wird. Werden die Bilder daher überhaupt von Suchmaschinen indexiert?

    @Peter: Gibt es bei den anderen vorgestellten Plugins ebenfalls Probleme? Oder nur bei Crazy Lazy?

    1. Peter schrieb am 17. Februar 2015, um 18:16 Uhr:

      @ Viktor: ich habe nur Crazy Lazy probiert.

    2. Hans Jung schrieb am 18. Februar 2015, um 12:29 Uhr:

      Hallo Viktor,
      die Bildindexierung ist in der Tat ein Problem. Dazu zwei lesenswerte Beiträge:
      https://www.idea-r.it/blog/110/en/lazy-loading-seo-problem und http://www.thesempost.com/lazy-loading-images-likely-will-indexed-google/
      Letztendlich muss man abwägen, ob die eigene Seite stärker von einer kürzeren Ladezeit oder den Indexierten Bildern und der Bildersuche profitiert.
      Meist kann man die Ladezeit der eigenen Seite stärker über andere Wege optimieren und ist nicht auf das Lazyload angewiesen.

      1. Viktor schrieb am 18. Februar 2015, um 12:53 Uhr:

        Danke für deine Antwort Hans.
        Das hatte ich vermutet. Schade um die Probleme mit SEO. Denn eigentlich würden gerade Seiten von Fotografen und ähnliche bildlastigen Inhalten von solchen Plugins profitieren.

  3. Daniel schrieb am 25. Februar 2015, um 20:35 Uhr:

    Ich hatte das Plugin installiert ohne die Kommentare zu lesen und fand Crazy Lazy ganz brauchbar! Nun habe ich die Kommentare gelesen und das indizieren der Bilder ist mit wichtiger! Ich bekomme so schon hin und wieder Besucher!

    Plugin bleibt aber im Hinterkopf!

  4. Lars schrieb am 8. Mai 2015, um 21:26 Uhr:

    Also nach rund 4 Wochen Einsatz vom Rocket Lazy Load WP-Plugin kann ich sagen: Bei uns wurden bisher alle Bilder von Google indexiert und sind in der Bildersuche innerhalb von Stunden auffindbar – trotz Lazy Load. Also SEO-Technisch sehe ich da keine Probleme, zumindest mit dem von uns getesteten und aktiv eingesetzten Rocket Lazy Load Plugin. Und für den Seitenbesucher ist das ja auch eine klasse Sache wenn die WordPress-Seite ohne Cache und Co. trotzdem schnell reagiert.

    1. Viktor schrieb am 11. Mai 2015, um 11:46 Uhr:

      Hi Lars,
      danke für die Information. Vielleicht doch einen Versuch wert…
      Gruß,
      Viktor

  5. Peter schrieb am 11. Mai 2015, um 10:32 Uhr:

    Nun habe ich doch nochmal einen Versuch unternommen, und Rocket Lazy Load installiert. Aber auch mit dem Plugin: es „würfelt“ meinen Content in der Übersicht wie Kraut und Rüben durcheinander. Das wurde ausprobiert in der Ansicht mit versch. Browsern unter Windows und iOS. Das Themes: Pinboard von One Design.

  6. Jopen-Online schrieb am 13. Januar 2016, um 22:54 Uhr:

    Das Thema Ladezeit ist bei mir zur Zeit durch die Nutzung eines neuen, mächtigen Themes brandaktuell. Daher kommen solche Plugins für mich gerade Recht 🙂 Danke euch für dir tolle Vorstellung der Plugins.

  7. 11 SEO Faktoren für erfolgreiche Websites schrieb am 29. November 2016, um 12:23 Uhr:

    […] es mal irgendwo haken sollte, muss niemand darauf verzichten, den eigentlichen Inhalt zu lesen. Dieser Vorgang des „Nachladens“ wird auch gern als „Lazy Load“ bezeichnet. Eine mittlerweile weit verbreitete Technik, die du selbst auch einsetzen solltest, wenn du viel […]

Schreibe einen Kommentar

Pressengers lebt von der Wordpress Community, beteilige dich mit einem Kommentar!
Deine E-Mail Adresse wird nicht veröffentlicht.
Kommentare die Werbung oder eine reine Linkplatzierung darstellen, werden gelöscht oder von den Links befreit ;) Wenn du etwas wertvolles und relevantes beitragen kannst, ist dein Link willkommen.