Otimisation HTML de base
Voici différents façon d'optimiser vos page HTML en enlevant les codes superflu :Conseil #1 : le nettoyage des commentaires
Enlever les commentaires ou les réduire au minimumExemple: <!-- ******************* Début colonne de gauche ***************** --> ce commentaire n'est peut-être pas utile ou ont peut aussi juste mettre : <!-- collone gauche -->)
Conseil #2 : Enlever les espace insécable
Les code d'espaces qui n'ont plus d'utilité en 2009, remplacer moi tout ça par des espace régulier (il y a une touche du clavier qui fait ça automatiquement). L'alignement de texte par de multiple espace est complètement farfelu et idiot.Conseil #3 : Garder seulement les javascript et css utile pour la page
Il arrive souvent que lors de modification a un site existant il y ai de nouveau script et de nouveau CSS à utiliser. Dans les modifications au fur et à mesure de votre site que certain fichier Javascipt ou CSS ne serve plus à rien. Si vous avez un script ou un CSS et vous ne savez pas à quoi il sert c'est probablement parce qu'il ne sert à rien; enlever le.Pour ce qui est des feuille de style CSS, avec un site plus ou moins complexe il viens facile de perde. Une façon de simple de savoir si une classe CSS est utiliser ou une fonction Javascipt appeler c'est d'afficher la source d'une page et d'essayer de trouver la classe CSS ou l'appel à une fonction javascript.
Conseil #4 : Utiliser les CSS de la bonne façon
Pour ne pas utiliser du codage HTML inutile, éviter d'inventer des nom de classe CSS qui existe déjà comme balise sémentique.| Exemple du pire codage CSS : <style media="all" type="text/css"> .texte_gras {font-weight:bold;} .titre_1 { font-size:20px;} .texte_petit { font-size:small; } </style> <div class="titre_1">Titre de ma page</div> <span class="texte_petit"> Texte petit avec <span class="texte_gras">du gras</span> </span> |
Exemple du bon codage CSS : <style media="all" type="text/css"> h1{ font-size:20px;} </style> <h1>Titre de ma page</h1> <small> Texte petit avec <strong>du gras</strong> </small> |
Enlever balise inutile entre les balise <head>
Il existe une multitude de balise possible à mettre au début de vos page entre les balise <head> et </head>. Utiliser seulement les balises qui servent réellement à quelque chose et supprimer tous le reste.Balise importante à utiliser :
- <title>Titre de la page</title>
- <meta name="Description" content="Description de la page" />
- <meta name="keywords" content="mots clé" />
- <meta http-equiv="Content-Type" content="text/html; charset=Encodage de la page" />
- <link rel="SHORTCUT ICON" href="Votre icone" />
D'autres conseils vont venir s'ajouter à cette liste.