Ziele:
-
Web-Seiten so gestalten, daß möglichst wenig
Speicher benötigt wird, d.h., daß sie im Internet vom Server
zum Browser möglichst schnell übertragen werden können.
-
Web-Seiten so gestalten, daß die ersten Inhaltevom
Browser möglichst sofort angezeigt werden.
|
Kleine und komprimierte Grafiken verwenden
-
Nichtssagende Bildteile ausschneiden, Bildgröße
minimieren, Web-optimiert (wird häufig von der Bildbearbeitungs-SW
für JPG- und GIF-Bilder unterstützt) abspeichern.
-
Ggf. statt Grafik Tabellenzelle mit farbigem Hintergrund
verwenden.
|
Bei Grafiken immer Größe und alt-Text
angeben
-
Attribute width und heigth innerhalb
des <img>-Tags setzen. Browser stellt dann vorab Platz zur Verfügung
und wartet nicht mit der Darstellung bis zur vollständigen Übertragung
des Bildes.
-
Attribut alt setzen. Text zur Grafik wird während
des Ladens des Bildes bereits angezeigt.
Beispiel:
<img src="fussball.gif" alt="Fußball"
height=50 width=50> |
Tabellen möglichst einfach aufbauen
-
Tabellen möglichst nicht mehrfach verschachteln
(Tabellen innerhalb Tabellenzellen definieren), da Browser bei der Darstellung
viel Rechenleistung braucht.
-
Inhalt einer Web-Seite nicht in einer (komplexen) Tabelle
darstellen, sondern nach Möglichkeit auf mehrere Tabellen aufteilen.
Browser kann dann schon Teil der Seite vollständig anzeigen.
|
Links, auch für Grafiken, immer konsistent
angeben
-
Nicht http://www.taunusportal.de/emk (ohne Slash),
sondern http://www.taunusportal.de/emk/ oder http://www.taunusportal.de/emk/index.htm
angeben. Antwortzeit des Servers wird verringert.
-
Gleiche Adressen immer gleich schreiben (nicht einmal
http://www.taunusportal.de/emk und einmal http://www.taunusportal.de/emk/),
da sonst Browser dies als unterschiedliche Adressen interpretiert und die
Information an seinem lokalen Cache-Speicher vorbei noch einmal vom Server
anfordert.
-
Gilt auch bei Links auf Grafiken.
|
Sich auf mehreren Seiten wiederholenden JavaScript-
oder CSS- Code auslagern
-
Mehrfach wiederkehrende JavaScript-Routinen in einer
externen Skriptdatei zusammenfassen und auslagern. Beim ersten Aufruf wird
die Funktion vom Browser in den lokalen Cache-Speicher geladen und in der
Folge schneller dort abgerufen.
-
Gleiches gilt für CSS-Stilvorlagen.
Beispiel:
<script language="JavaScript"
src="textstatuszeile.js"
</script>
Die Datei textstatuszeile.js muß dann
den Code enthalten, der sonst zwischen den script-Tags gestanden
hätte. |
Unnötigen HTML-Code beseitigen
-
HTML-Code manuell überarbeiten, um weniger Speicher
zu benötigen. Unnötige Kommentare, Hinweise auf verwendete SW-Tools
etc. löschen.
|
Fehlerfreien HTML-Code verwenden
-
HTML-Code auf Korrektheit überprüfen. Alle
Tags schließen. Dadurch wird Darstellung der Seite durch Browser
beschleunigt.
|
|
