Wartezeit durch alternative Grafiken verkürzen

Sie arbeiten auf Ihrer Homepage mit mehreren zum Teil speicherintensiven Grafiken. Daher müssen Besucher Ihrer Seite oft warten, bevor der Browser die Bilder darstellt. Diese Wartezeit wollen Sie mit alternativen Grafiken verkürzen.

Mit einem kleinen HTML-Kniff können Sie zumindest die Wartezeit der Besucher, die den Netscape Communicator verwenden, erheblich reduzieren.
Zum Anzeigen Ihrer Grafik ergänzen Sie den HTML-Befehl


»<IMG>«


um das Attribut »LOWSRC«.


<IMG SRC=öIMAGES/TEST.JPGö LOWSRC=öIMAGES/TESTLOW.JPGö>!


Das Attribut »SRC« ist in diesem Fall zwingend notwendig, denn damit bestimmen Sie den Pfad zur anzuzeigenden Grafik »TEST.JPG«. Um ein zweites Bild »TESTLOW.JPG« vor dem eigentlichen Bild (definiert über »SRC«) zu laden und anzuzeigen, hängen Sie an den »IMG«-Befehl noch das Attribut »LOWSRC« an. Nun kopieren Sie das Originalbild und bearbeiten die Kopie mit einem Bildbearbeitungs-Programm. Ziel ist es, die Dateigröße der Kopie im Vergleich zum Original deutlich zu verringern.
Beim Aufrufen Ihrer Webseite wird in Zukunft zunächst die Originaldatei Ihrer Grafik (»TEST.JPG«) über das Attribut »SRC« geladen und anschließend die Kopie (»TESTLOW.JPG«) über »LOWSRC«. Die Kopie fungiert auf diese Weise als eine Art Bildvorschau. Sie ist zwar von erheblich schlechterer Qualität, denn sie verfügt über weniger Farben oder bietet eine geringere Auflösung als das Originalbild. Dafür lädt sie schneller. Während das Original auf sich warten lässt, bekommt der Besucher Ihrer Seite schon einmal einen ersten Eindruck.

! Achtung: Der Internet Explorer ignoriert das Attribut »LOWSRC« und lädt sofort das Original.