Open Source Web Tipp

JAIL – Bilder asynchron laden

Für das Redesign meiner Webseite Motorrad Vlogger habe ich besonderen Wert auf die Ladezeit gelegt. Gerade auf den Archiv Seiten werden pro Seite ungefähr 60 Thumbnails direkt von Youtube geladen. Insgesamt also eine sehr große Menge an Grafiken die pro Seite geladen werden müssen. Dies konnte ich bei meinen Mobilen Tests auch merken, da die Smartphone Browser öfters abgestürzt sind.

jail-lazy-load-plugin

Damit dies nicht mehr vorkommt und sich die Ladezeit allgemein verbessert, habe ich das jQuery Tool JAIL (Jquery Asynchronous Image Loader) eingebunden. Durch das Script werden zuerst die Grafiken im sichtbaren Bildschirmbereich geladen. Scrollt man ein wenig weiter nach unten, werden die nächsten Bilder geladen. So hängt sich der Browser nicht an den 60 Thumbnails auf, sondern kann diese in Ruhe nach und nach laden.

Das Script JAIL ist open source, steht unter MIT Lizenz und verfügt über ein paar nützliche Einstellungen.