WordPress 4 für Profis

Schnellere Ladezeiten mit LazyLoad

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
LazyLoad bedeutet, dass z.B. Bilder erst dann geladen werden, wenn Sie in den sichtbaren Bereich der Seite gescrollt werden. Damit werden Seiten zunächst deutlich schneller geladen.
02:55

Transkript

Wenn man eine Seite im Internet aufruft, wird ja nicht nur die Seite geladen, sondern auch unterschiedliche Komponenten wie css-Dateien, Java-Script-Dateien und vor allem auch die Bilder. Das kann manchmal ziemlich lange dauern, was ärgerlich ist, wenn zum Beispiel Bilder geladen werden, die ich selber gar nicht sehe. Wenn ich jetzt hier runterscrolle, sehen Sie, dass diese Bilder erst so langsam einfaden; die werden erst dann geladen, wenn ich hier auch herunterscrolle. Diesen Effekt nennt man lazy load. Das bedeutet, Bilder werden erst dann geladen, wenn sie auch tatsächlich vom Nutzer gesehen werden, das heißt, wenn der Nutzer runterscrollt. Diesen Effekt kann man in WordPress auch nutzen, mit einem Plug-In namens BJ Lazy Load. Einfach installieren, und wenn Sie das gemacht haben und das Plug-In aktiviert haben, haben Sie in den Einstellungen einen neuen Button namens BJ Lazy Load. Da können Sie verschiedene Einstellungen vornehmen, Sie können aber wahrscheinlich auch die Voreinstellungen einfach lassen. Sie können sagen, ob zum Beispiel die images mit Lazy Load geladen werden sollen, oder ob das auch für iFrames gilt. Ganz wichtig zum Beispiel auch für Gravatare, also wenn Sie viele Kommentare unter einem Blogpost haben, dann muss ja jedes einzelne Bildchen eines Kommentators einzeln nachgeladen werden. Wenn Sie das Ganze auch mit Lazy Load steuern möchten, dann lassen Sie hier einfach den Haken bei Yes. Sie können beispielsweise auch einzelne Bilder ausklammern und sage: no-lazy, also es soll nicht per Lazy Load geladen werden, sondern gleich zu Beginn, wenn eine Seite grundsätzlich erst mal geladen wird. Und Sie können hier angeben, wann dieses Lazy Load starten soll. Also wenn sich zum Beispiel ein Bild direkt an der unteren Kante des Bildschirms befindet, soll dann erst mit dem Laden angefangen werden oder möchte ich zum Beispiel, dass wenn sich ein Bild 200 Pixel unterhalb des sichtbaren Bereichs befindet, es dann geladen werden soll. Ich lasse das Ganze jetzt mal bei 0, um Ihnen den Effekt zu demonstrieren. Ich gehe auf Änderungen übernehmen und jetzt rufe ich meine Seite im Inkognito-Modus auf. Wenn ich jetzt runterscrolle und Sie nach links unten schauen, sehen Sie, dass dieses Bild erst in dem Moment geladen worden ist, als es auch tatsächlich in den sichtbaren Bereich kam. Das ging jetzt hier im Beispiel relativ schnell, weil ich natürlich das Ganze in meiner Testumgebung habe, die auch sehr performant ist. Aber Sie können sich den Effekt vorstellen. Am besten lassen Sie diesen threshold zum Beispiel bei 200, dann können Sie hier auch noch angeben, ob Sie eine Seite haben, die ein Endlos-scrolling hat oder nicht. In dem Fall habe ich das nicht, also lasse ich das bei No. BJ Lazy Load ist ein ganz einfaches Plug-In, das können Sie installieren, aktivieren, und mit hoher Wahrscheinlichkeit die Voreinstellungen einfach so lassen.

WordPress 4 für Profis

Profitieren Sie von den zahlreichen Praxistipps und arbeiten Sie effizienter mit Ihrem WordPress-System.

1 Std. 5 min (20 Videos)
Derzeit sind keine Feedbacks vorhanden...

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!