Mehrfach verwendete Grafiken

In Zeiten chronisch verstopfter Internet-Leitungen ist es angesagt, die eigenen Webseiten vom Platzbedarf her so vorsichtig wie möglich zu gestalten. Den Übertragungszeiten kommt's zugute, der Cache auf der Festplatte des Betrachters wird's einem danken, und vielleicht stößt auch schon der vom Provider für die eigenen Seiten zur Verfügung gestellte Platz an seine Grenzen. Daß hier gravierende Einsparungen möglich sind, ohne auf die Attraktivität der Seiten zu verzichten, zeige ich hier.

Mein "Gerhards Publisher-Treffpunkt" hat auf jeder Seite die Überschrifts-Grafik, die Linie mit den Klebstreifen kommt auf jeder Seite vor, und auch die Fußzeile mit den Links ist immer gleich. Weitere Grafiken wie der Typ mit dem Preßlufthammer sind ebenfalls mehrfach vorhanden. Auf den Seiten meiner Firma Mayer Kältetechnik GmbH sieht's ähnlich aus.

Ich habe nun im Ablagefach der Webseiten auf dem AOL-Server ein Verzeichnis namens "pics" erstellt (könnte auch "Bilder" oder so heißen), und in diesem Verzeichnis werden sämtliche mehrfach verwendeten Grafiken abgelegt. In den jeweiligen "index.html" ändere ich nun den Pfad zu diesen Grafiken entsprechend ab. Meine einzelnen Seiten des "Publisher-Treffpunkts" liegen übrigens auch in getrennten Ordnern (page2, page3 usw.), damit ich einzelne Seiten leichter austauschen kann und nicht immer die gesamte Website neu hochladen muß.

Die komplette Verzeichnisstruktur dieser Seiten sieht so aus:

http://members.aol.com/gerhard303/pub97/index.html
http://members.aol.com/gerhard303/pub97/page2/index.html
http://members.aol.com/gerhard303/pub97/page3/index.html

usw.

http://members.aol.com/gerhard303/pub97/pics/ ... (gifs)
http://members.aol.com/gerhard303/pub97/links/index.html

Der Pfad von Seite 2 z.B. zum Hintergrundbild oder zur Überschrift lautet dann:

../pics/back.gif    ../pics/treff.gif

Der Pfad von der direkt im pub-97-Verzeichnis liegenden Homepage dann entsprechend

  pics/back.gif    pics/treff.gif

so wie aus DOS-Zeiten vom Raufspringen und Runterspringen in der Verzeichnisstruktur her bekannt.

Auch die Links zu den anderen Seiten der Website sind so aufgebaut. Das hat den Vorteil, daß man seine gesamte Website auf der Festplatte liegend offline testen kann:

../page2/index.html
../links/index.html  usw.

Es werden nun sicher einige von Euch meinen, wegen der paar KB einen solchen Aufstand zu machen, sei doch uninteressant. Die Masse machts hier aber! Ich habe die Seiten meiner Firma auf diese Weise von ca. 1,9 MB auf ca. 1,5 MB reduziert und so zu einer deutlichen Verminderung des Verkehrs im Netz beigetragen. Es lohnt sich!