Erstellung von Internetseiten Hilfen zu Windows Bildbearbeitung Hilfen zu Office Datenschutz Downloads
HTML: Bilder vorladen      Seite drucken

Um das Laden von großen Bildern etwas zu beschleunigen, können noch die guten alten HTML-Befehle aus vergangener Zeit verwendet werden.

Man macht dafür von dem eigentlichen Bild eine Kopie mit höchster Komprimierung, nach Möglichkeit auch in Graustufen, um so viele Bytes wie möglich einzusparen.

Dass das Bild nach kaum mehr vorzeigbar aussieht, ist nicht so schlimm. Es dient ja auch nur dazu die Seite so schnell wie möglich aufzubauen und das Seitengerüst zu generieren, so dass für den Betrachter die Seite nicht ständig hin und her springt, bevor sie schließlich vollständig geladen wurde.

Diese Bild wird dann zusammen mit dem "Original" in den HTML-Code eingebettet:

<img src="original.jpg" lowsrc="einfachbild.jpg>

Es wird nun vom Browser zuerst das Bild micht der geringen Qualität/Dateigröße (lowsrc) geladen und dann das Original.
So hat der Besucher zumindest schon den anschein was ihn erwartet.


Eine andere Möglichkeit, sofern man genau weiß was der Besucher als nächstes tut (anklicken eines Miniaturbildes, z.B.), wäre das Bild vor dem abschliessenden </body>-Tag mit den Abmessungen von max. 1x1 Pixel einzufügen.

Die Seite wird dann aufgebaut und der Besucher sieht soweit alles und kann normal agieren.
Das Bild, welches sich hinter dem Link des Miniaturbildes versteckt, wird aber bereits in den Cache des Browsers geladen und beim Anklicken sofort gezeigt.

Dies kann so einiges an Zeit für den Surfer sparen, da dieser sich erst mal durch die Seite arbeitet.
Aber sollte man nicht direkt ganze Filme dahinter setzen, da bis zum vollständigen Laden der Dateien die Ladeanzeige des Browsers aktiv ist und es zu Irritationen für den Besucher führen kann.
Ganz nebenbei verursacht dies natürlich zusätzlichen Traffic, wenn der Besucher diese Links gar nicht nutzt.

© Agadoo 2001 - 2007