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

Lubith – WordPress Themes online generieren In der Cloud gibt es inzwischen so einiges, aber ein Theme-Generator für WordPress habe ich in der Art noch nicht gefunden. Lubith versucht zumindest ...
FeedBurner, wp FeedStats und Abonnentenzahlen Direkt zum Anfang möchte ich sagen, ich mag FeedBurner nicht :) Der Dienst ist unzuverlässig und es ist mir ziemlich schleierhaft, wie die Abonnenten-...
SEO Smart Links für WordPress Manchmal sind SEO-Plugins einfach nur Quatsch, manchmal werkeln sie nur „unter der Haube" und manchmal bringen sie sogar ein Nutzen für die Leser. Nat...
In WordPress die Leser für neue Themenvorschläge i... Ich gebe zu der Titel ist äußerst bescheiden, aber was Besseres ist mir nicht eingefallen! Ich beobachte seit geraumer Zeit ein kleines Tool bei phpha...

3 Kommentare

Schreibe einen Kommentar