Alléger la bande passante, optimiser le code source

Coté serveur, le trafic généré, la consommation de la bande passante peut être un souci pour le webmaster, coté client des pages lourdes à charger peuvent être une garantie que l'internaute ne reviendra pas souvent sur le site.

Comment faire alors pour diminuer ces effets, sans remettre en cause l'ensemble du site

La technique à employer est simple pour un résultat efficace, un gain de 20 à 30 % peut être obtenu.

Première approche : l'optimisation brutale.

Il s'agit de supprimer des pages sources, tous les caractères qui ne servent pas à l'internaute pour lire la page mais au Webmaster pour lire son code.

Quels sont ces caractères, ces signes : tout ce qui concerne les retours chariot, les sauts de lignes, les tabulations et les espaces.

Mieux vaut remplacer <br>  <br> par <br><br><br>
de même que : <br><table><br> <tr><br> <td><br>
par <table><tr><td>:
ici nous avons supprimé un saut de ligne et deux tabulations.

Comment procéder :

Si votre éditeur préféré le permet, vous pouvez faire un rechercher remplacer avec les codes suivants

• retour chariot : /r
• nouvelle ligne : /n
• tabulation : /t
• espace : tapez un espace

et remplacer ces codes par rien du tout, celà aura pour effet de les supprimer du fichier source, et ce sans en modifier le comportement.

Mise en garde :
Si vous utilisez du javascript, soyez prudent à ne pas supprimer les sauts de ligne car en js ils sont utiles.

Assurez vous de ne remplacer que ce que vous rechercher et pas plus.

Vous pouvez ainsi ne supprimer que les doubles sauts de ligne (/n/n) en les remplaçant par un seul (/n); ou n'enlever que les tabulations des tableaux (/t<td).

N'utiliser la commande remplacer tout que si vous êtes certains de votre manipulation.

Après cette optimisation brutale, vous pouvez opter pour une optimisation plus fine.

Seconde approche : l'optimisation fine.

Il s'agit ici d'une optimisation certes plus fine, mais plus délicate à mettre en place et qui consiste à mettre tout le code de présentation (police, couleurs de liens), dans des feuilles de style (endroit unique), plutôt que dans le fichier source (endroits multiples, redondance).