|
|
|
wir naehern uns mit grossen schritten dem ende. alle tags sind besprochen, wir haben uns mehr oder weniger erfolgreich in gefilde gewagt, die wir nicht mal in den dokumentationen der anwender fanden. wer sich einmal am rechner die quellcodes meiner i-modeTM-seiten angeschaut hat, der wird festgestellt haben, dass der code reichlich wirr ist. um zu verstehen, warum dem so ist wird es zeit, uns auf unseren grundsatz zu besinnen:
THINK BIG - CODE SMALL - BE DIFFERENT
gross denken wir, sonst wuerden wir keine i-modeTM-seiten bauen, und anders sind wir auch. was wir bis jetzt aber noch nicht bewusst in angriff genommen haben war unser vorsatz der wirklich kleinen programmierung.
ich will jetzt nicht alle moeglichen eventualitaeten abklappern, nur drei kleine tips geben:
-
schreiben sie effektiv, vermeiden sie sinnlose tags. ein
<div align="left">...</div>
ist oft sinnlos, da die ausrichtung eh linksbuendig erfolgt, und ein
<div align="center">...</div>
ist nicht so effektiv wie ein
<center>...</center>
-
vergessen sie nicht, ihre kommentare aus den dateien zu loeschen! sie kosten platz, zeit und geld.
-
dampfen sie ihre dateien ein! wenn sie ihre dateien fuer ihre seiten fertig haben zum upload, dann kopieren sie sie in ein extra uploadverzeichnis und verpassen sie ihnen eine letzte abmagerungskur! loeschen sie alle unnoetigen zeichen wie zeilenumbrueche, tabulatoren und leerzeichen aus der datei. so wird aus
<html>
<head>
<title>my-mode</title>
<meta http-equiv="Content-Type"
content="text/html ; charset=ISO-8859-1";>
</head>
<body>
<img src="lg2a.gif" width="75" height="27">
<br>
<br>
um eine i-modeTM-seite letztendlich wirklich klein
zu machen, gibt es drei wichtige regeln:
<ul>
<li>
vermeiden sie unnoetige tags!
</li>
<li>
loeschen sie ihre kommentare!
</li>
<li>
dampfen sie ihre seiten ein, in dem sie alle
unnoetigen zeichen wie leerzeichen, zeilenumbrueche
und tabulatoren loeschen.
</li>
</ul>
der unterschied betraegt bei dieser seite allein durch
den letzten punkt 270 bytes bzw. ueber 25%!
<hr>
<a href="13.html" accesskey=0>0 - zurueck</a>
<br>
<a href="1.html" accesskey=1>1 - start</a>
<hr>
<center>
copyright (c)
<br>2002
<br>christian seyfarth
</center>
</body>
</html>
eine immerhin 270 bytes kleinere version:
<html><head><title>my-mode</title><meta http-equiv="Content-Type"content="text/html ; charset=ISO-8859-1";></head><body><img src="lg2a.gif" width="75"height="27"><br><br>um eine i-modeTM-seite letztendlich wirklich klein zu machen, gibt es drei wichtige regeln:<ul><li>vermeiden sie unnoetige tags!</li><li>loeschen sie ihre kommentare!</li><li>dampfen sie ihre seiten ein, in dem sie alle unnoetigen zeichen wie leerzeichen, zeilenumbrueche und tabulatoren loeschen.</li></ul>der unterschied betraegt bei dieser seite allein durch den letzten punkt 270 bytes bzw. ueber 25%!<hr><a href="13.html" accesskey=0>0 - zurueck</a><br><a href="1.html" accesskey=1>1 - start</a><hr><center>copyright (c)<br>2002<br>christian seyfarth</center></body></html>
270 byte einsparung - bei einem normalpreis von einem cent pro kB (im datenpaket S - dem standardpaket bei e-plus) mag das etwas knauserig erscheinen. aber wenn man das hochrechnet, dann sind 10,- euro pro megabyte ohnehin das teuerste internetvergnuegen, das mir je untergekommen ist. und da bin ich im interesse meiner besucher gerne pingelig und erspare ihnen so zumindest in diesem falle gut 25% ihrer kosten.
tja, das war's eigentlich schon mit i-modeTM und cHTML. und wer eine gute idee hat und beim programmieren seiner seiten ein wenig mit koepfchen vorgeht, der wird mit zufriedenen und gluecklichen besuchern belohnt werden.
|
