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.


Code HTML (Code sans indentation ni retour ligne) (7 lignes) :
  1. <tr>
  2. <td>
  3. Ma cellule
  4. </td>
  5. </tr>

Code HTML (Code indenté) (1 ligne) :
  1. <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.


Code css (Code aéré) (9 lignes) :
  1. <style type="text/css">
  2. <!--
  3. body
  4. {
  5. font-family: Verdana, Arial, Helvetica, sans-serif;
  6. font-size: 9px;
  7. }
  8. -->
  9. </style>

Code css (Code sans espace) (1 ligne) :
  1. <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

  1. <p>
  2. Ceci est un
  3.  
  4. test avec des
  5.  
  6.  
  7.  
  8.  
  9. espaces
  10. </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.

Réseaux sociaux

Vous pouvez modifier vos préférences dans votre profil pour ne plus afficher les interactions avec les réseaux sociaux sur ces pages.

 

Nuage de mots clés

6 mots clés dont 0 définis manuellement (plus d'information...).

Avertissement

Cette page ne possède pas encore de mots clés manuels, ceci est donc un exemple automatique (les niveaux de pertinence sont fictifs, mais les liens sont valables). Pour tester le nuage avec une page qui contient des mots définis manuellement, vous pouvez cliquer ici.

Vous pouvez modifier vos préférences dans votre profil pour ne plus afficher le nuage de mots clés.

 

Astuce pour imprimer les couleurs des cellules de tableaux : http://www.gaudry.be/ast-rf-450.html
Aucun commentaire pour cette page

© Ce document issu de l′infobrol est enregistré sous le certificat Cyber PrInterDeposit Digital Numbertection. Enregistrement IDDN n° 5329-327
Document créé le 09/12/03 01:00, dernière modification le Mercredi 28 Juin 2017, 15:26
Source du document imprimé : http:///www.gaudry.be/html-optimisation-disposition.html
St.Gaudry©07.01.02
Outils (masquer)
||
Recherche (afficher)
Recherche :

Utilisateur (masquer)
Apparence (afficher)
Stats (afficher)
15838 documents
455 astuces.
550 niouzes.
3107 definitions.
447 membres.
8121 messages.

Document genere en :
0,13 seconde

Mises à jour :
Mises à jour du site
Citation (masquer)
On n'est jamais tout noir On n'est jamais tout blanc On est tout simplement Porteur ou pas d'espoir

Serge Bilé [Cité dans le livre Sur le dos des hippopotames]
 
l'infobrol
Nous sommes le Vendredi 21 Juillet 2017, 06:27, toutes les heures sont au format GMT+1.00 Heure, heure d'été (+1)