Optimiser son site Web

Certains experts nous affirment qu'il est possible d'optimiser le code en supprimant par exemple les balises de fermeture, qui ne sont pas nécessaires en HTML. Ils vont même jusqu'à préconiser de ne plus placer les guillemets autour des attributs.
Je suis absolument contre ce style de procédés.
Je pense que l'optimisation ne peut en aucun cas se faire en profitant du laxisme du langage HTML, et l'arrivée du XHTML me conforte dans cette idée : nous devons observer une syntaxe rigoureuse (fermeture des balises, même de la ligne <hr />, etc.) afin que le code soit interprété le plus rapidement possible, et d'une manière identique sous une majorité de navigateurs.

Les retours ligne

En tant que programmeur, j'ai toujours vanté les mérites d'un code lisible et bien documenté. J'ai conçu mes premières pages Web à l'aide de vi et notepad, et j'étais très fier de mes indentations et du code ventilé que j'avais produit.
Mais dans notre chasse au moindre bit superflu, il devient évident qu'il est possible d'alléger notre code en évitant ces retours à la ligne intempestifs et ces espaces qui ne sont nécessaires qu'au concepteur et aux deux ou trois curieux.

Ces deux styles de syntaxe produisent le même effet, mais le deuxième (même s'il est moins agréable à la lecture) est plus rapide.

<table>
	<tr>
		<td>
			Ma cellule
		</td>
	</tr>
</table>

<table><tr><td>Ma cellule</td></tr></table>

Les espaces

Nous avons découvert qu'il était possible d'alléger notre code en supprimant les retours à la ligne, mais il est aussi possible de supprimer les espaces inutiles.

Ces deux styles de syntaxe produisent eux-aussi le même effet.

<style type="text/css">
	<!--
	body
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	-->
</style>

<style type="text/css"><!-- body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:9px;}--></style>

Les espaces et les retours à la ligne du code ne sont pas reproduits lors de l'affichage (sauf si nous utilisons les balises pre). L'exemple suivant montre le code qui sera affiché comme ceci :
Ceci est un test avec des espaces

<p>
Ceci        est un 
 
test                                               avec              des       
 
 
 
 
espaces
</p>

Remarque

Les différents codes présentés dans les autres pages ont un but didactique, je respecterais donc l'indentation et les retours à la ligne pour préserver la lisibilité du code.

Structure du document