JQuery Plugin Unveil – Kompaktes Lazy Load

Werbung

Vor einiger Zeit habe ich einen Artikel über Lazy Load von Bildern geschrieben. Lazy Load erlaubt es Bilder dynamisch nachzuladen wenn diese in den Fokus des Bildschirms kommen, zum Beispiel beim Scrollen.

Das JQuery Plugin Lazy Load hat eine Größe von 3205 Bytes (minified). Das ist nicht viel, aber es geht auch mit weniger.

Weiterlesen

Sidebar für Hilfetexte mit dem JQuery Plugin PageSlide

Immer wieder bei der Anlage von einem Registrierungsformular oder anderer Benutzerinteraktion frage ich mich, wie ich dem Nutzer die Eingabe bzw. Entscheidung erleichtern kann. Hilfetexte sind dabei immer eine gute Sache. Nur wohin damit? Direkt mit ins Formular schreiben? Oder ein Fragezeichen Icon einbauen, welches dann einen Tooltip öffnet?

Es gibt noch eine andere Möglichkeit und zwar mit dem JQuery Plugin PageSlide.

Weiterlesen

Bilder nachladen mit JQuery Lazy Load

Stellen Sie sich eine Webseite vor, auf der 10 Artikel untereinander zu sehen sind. Jeder Artikel beinhaltet ein Bild. Jetzt kommt ein Besucher auf diese Webseite und klickt auf den Link im ersten Artikel und kommt damit auf eine andere Seite.

Wie viele Bilder hat dieser Besucher jetzt gesehen? Genau eins. Und wie viele Bilder wurden vom Webserver geladen? Ganze 10 Bilder wurden geladen. Das bedeutet, dass 9 Bilder geladen wurden ohne das der Besucher sie zu Gesicht bekommen hat.

Dies kostet nicht nur unnützen Traffik, sondern auch Ladezeit. Mittlerweile spielt auch die Ladezeit einer Webseite eine Rolle beim Ranking in Google. Daher sollte man diese Ladezeit so gering wie möglich halten.

Weiterlesen