|  |  | |
|
|
|
|
|
 Focus - 05 Juillet 2008
Devenez "membre" de ALL HTML et faites partie d'une vraie communauté de passionnés et/ou de professionnels du développement sur Internet.
L'accès membre est gratuit et vous permet d'accéder à des fonctionnalités complémentaires :
- accéder à l'annuaire des 44 000 membres,
- poster des messages dans les forums,
- utiliser la messagerie interne,
- bénéficier d'offres négociées...).
Alors n'attendez-plus!
 Inscrivez-vous dès à présent !
|
|
|
|
|
|
| Atelier pratique |     | | Optimiser votre code HTML
 1. Introduction
Même si on optimise avant tout ses images (gif et jpeg) et ses animations (gifs animés ou Flash), la plupart du temps, par le biais de réduction des couleurs, on oublie de nettoyer et optimiser son code HTML...
Et pourtant on peut réaliser jusqu'à 20% de gain en terme d'optimisation, ce qui se traduit par une lecture plus facile de vos pages, un code compact et "propre" et surtout un site plus rapide à charger...
Ci-dessous un code HTML non optimisé (premier cas) et celui optimisé et compacté par HTML Shrinker (deuxième cas)
2. Optimiser manuellement son code HTML
Tout dépend avec quel éditeur vous avez édité vos pages. Pour ne prendre aucun risque, ouvrez vos fichiers avec le bloc note (ou tout éditeur de texte) et vérifier (puis corriger) ci-dessous les différents cas.
a) Balise vide
Tous les éditeurs WYSIWYG ont une fâcheuse tendance à insérer des balises sans contenu...
<center></center>
b) Balise en double : Le cas de la balise <font> est le plus fréquenté. Nombreux éditeurs (FrontPage Express est le spécialiste !) "doublent" cette balise sans aucune raison.
<font color="#ff0000">< font color ="#ff0000">Texte</font></font>
c) Balise inutile
Certains éditeurs insèrent des commentaires que l'on peut supprimer sans aucune conséquence.
<!-- Generated by Microsoft FrontPageExpress -->
d ) Espace et tabulation
Supprimez les espaces et tabulations (plus difficile à cerner) qui alourdissent vos pages Web.
2. Optimiser automatiquement son code HTML
De nombreux logiciels optimisent et nettoient votre code HTML, en réalisant automatiquement les étapes ci-dessus. HTML Shrinker, qui excelle dans ce domaine et allège considérablement vos pages HTML (jusqu'à 30 % !!).
Fiche Téléchargement : HTML Shrinker
Note : Dreamweaver, Golive, WebExpert, ou encore 1-4 ALL possède également une option de compactage / nettoyage de vos pages (attention tout de même à garder une copie des pages avant compression !). |
|
| |
Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...
| | Cliquez ici |
|
|
| | |
ACCUEIL
