Lazy Image Loading mit WordPress

Ich bin Blog-technisch ein 1a Verfechter von „Wie macht Caschy das“, den im Gegensatz zu unsereins hat er noch ganz andere Probleme als wir, nämlich die Performance. Während wir sorglos unoptimierte Bilder (und davon viele) online stellen, könnte das bei der Stadt Bremerhaven ungeahnte Folgen haben. Ich bin da das erste mal in Probleme geraten als Google diesen Blog hier massiv abgestraft hat. Ich vermute wegen der Ladezeiten. Damals habe ich komplett alle Bilder einmal auf dem Mac durch ImageOptim gejagt und setze inzwischen den W3 Total Cache ein.

Lazy Image Loading für WordPress

Wenn man aber einen Blog besitzt, der sehr bildlastig ist, nützt einem das gar nichts. Man stellt sich nur einmal vor, das man auf einem normalen Blog die ersten 10 Artikel mit großem Bild anzeigt. Da ist man schnell mal bei 1-2MB. Und das, obwohl es vollkommen unnötig ist, denn die Frage ist ja: wer schaut sich wirklich alle Bilder an? Und hier kommt nun ein Konstrukt ins Spiel, den ich bereits von Drupal kenne, und den Caschy nun in seinen Blog eingebaut hat.

Prinzipiell (und einfach ausgedrückt): Bilder werden nur noch dann geladen, wenn man sie im Browser auch sehen könnte. Das nennt sich Lazy Image Loading und ist ein Konstrukt, der der Porno-Industrie Millionen an Kosten für die Bandbreite gespart haben sollte! ;) Wie funktioniert das? Geht man auf eine Seite werden nur die Bilder geladen, die man aktuell im Browser sieht, alle anderen NICHT! Scrollt man nun herum kommen Bilder ins Sichtfeld, die man prinzipiell nun auch sehen würde, aber noch nicht vom Server geladen hat. Dies passiert nun nachträglich, nämlich dann, wenn man die Bilder auch wirklich auf dem Bildschirm sehen könnte!

Was bedeutet dies im Resultat? Weniger Bandbreite, schnellere Seite! Denn die Anzahl der geladenen Bilder verringert sich drastisch! Ein feiner Konstrukt also den ich bei Caschy schon länger beobachtet habe, aber nicht wusste, wie er es hin bekommt. Heute bin ich durch Zufall über das entsprechende Premium Plugin bei Codecanyon gestolpert. Für 12$ packt es einem Lazy Image Loading in den Blog, und vielleicht kann es ja der eine oder andere von euch in Zukunft gebrauchen, um seine Seite zu beschleunigen! ;)

Ähnliche Beiträge

Ein echter Cron für WordPress WordPress ist schön, WordPress ist toll, WordPress ist das Beste überhaupt – der Cron ist ne Zumutung! Irgendwann muss man wohl irgendwo beschlossen h...
WordPress und das Mysterium der 1px großen Bilder Eigentlich wollte ich heute erst gar nicht arbeiten, nur mal eben schnell nach dem Blog schauen - ihr kennt das! Und da mir das Template inzwischen zi...
WordPress, Akismet und eine kleine Biene Seit geraumer Zeit kursiert unter den Web-Entwicklern die Diskussion, ob Google Analytics nach deutschem Recht legal ist, oder eher nicht. Zur Erinner...
Bessere WordPress Suche mit Relevanssi Die WordPress-Standard-Suche ist gewöhnungsbedürftig (um es mal sehr nett auszudrücken). Anstatt permanent am Design des Backends herumzuschrauben wür...

3 Antworten auf „Lazy Image Loading mit WordPress“

Schreibe einen Kommentar

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