PHPascal.com

PHPAscal rouge2 (Version bleu)


Optimisation CSS Accessibilité Ergonomie Référencement php HTML SQL
  PHPascal a 144 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Optimisation / HTML / Amélioration HTML de base

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 minimum
Exemple:  <!-- *******************  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 &nbsp; 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" />
L'important c'est au moins de supprimer les balise que vous ne savez même pas à quoi ils servent.


D'autres conseils vont venir s'ajouter à cette liste.
Article écrit le 5 janvier 2009
Article modifié le 22 février 2009

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2017
Temps d'exécution : 0.0141 sec
Imprimer le 16 December 2017 - 21:04:53
par Pascal Dubreuil organisateur du Marathon de Laval