HTML4
HTML (pas XHTML), le type MIME est text/html, permettant d'omettre certaines balises. Avec HTML 4 DTD, vous pouvez omettre les balises suivantes (ces éléments dits évitables sont marqués ici par barré)
<code><del><font face="Consolas" size="2"></area></font></del></code>
<code><del><font face="Consolas" size="2"></base></font></del></code>
<code><font face="Consolas" size="2"><body></font></code>
<code><font face="Consolas" size="2"></body></font></code>
<code><del><font face="Consolas" size="2"></br></font></del></code>
<code><del><font face="Consolas" size="2"></col></font></del></code>
<code><font face="Consolas" size="2"></colgroup></font></code>
<code><font face="Consolas" size="2"></dd></font></code>
<code><font face="Consolas" size="2"></dt></font></code>
<code><font face="Consolas" size="2"><head></font></code>
<code><font face="Consolas" size="2"></head></font></code>
<code><del><font face="Consolas" size="2"></hr></font></del></code>
<code><font face="Consolas" size="2"><html></font></code>
<code><font face="Consolas" size="2"></html></font></code>
<code><del><font face="Consolas" size="2"></img></font></del></code>
<code><del><font face="Consolas" size="2"></input></font></del></code>
<code><font face="Consolas" size="2"></li></font></code>
<code><del><font face="Consolas" size="2"></link></font></del></code>
<code><del><font face="Consolas" size="2"></meta></font></del></code>
<code><font face="Consolas" size="2"></option></font></code>
<code><font face="Consolas" size="2"></p></font></code>
<code><del><font face="Consolas" size="2"></param></font></del></code>
<code><font face="Consolas" size="2"><tbody></font></code>
<code><font face="Consolas" size="2"></tbody></font></code>
<code><font face="Consolas" size="2"></td></font></code>
<code><font face="Consolas" size="2"></tfoot></font></code>
<code><font face="Consolas" size="2"></th></font></code>
<code><font face="Consolas" size="2"></thead></font></code>
<code><font face="Consolas" size="2"></tr></font></code>
Par exemple, votre code est
<code><font face="Consolas" size="2"><li>List item</li></font></code>
peut s'écrire
<code><font face="Consolas" size="2"><li>List item</font></code>
Un autre exemple est qu'un paragraphe doit se terminer par
<code><font face="Consolas" size="2"></p></font></code>
À la fin, vous pouvez simplement écrire
<code><font face="Consolas" size="2"><p>My paragraph</font></code>
Vous pouvez même supprimer le HTML, la tête et le corps (assurez-vous que cela vous convient avant de l'adopter comme norme de codage).
Après avoir omis la balise, le HTML est toujours valide et la taille du fichier est réduite. Pour les pages typiques, vous pouvez économiser 5 à 20 %.
HTML5
Le développement continu de HTML 5 propose des moyens de réduire la taille des fichiers.
Par exemple, déclaration de type de document de page
<code><font face="Consolas" size="2"><!DOCTYPE html></font></code>
Comparaison
<code><font face="Consolas" size="2"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></font></code>
Apparemment, la DTD de HTML 5 est plus courte.
HTML 5 est plus simple à utiliser et plus court lors de la spécification de l'encodage de la page :
<code><font face="Consolas" size="2"><meta charset="utf-8"></font></code>
remplace
<code><font face="Consolas" size="2"><meta http-equiv="content-type" content="text/html; charset=utf-8"></font></code>
Normalement, les navigateurs gèrent correctement le HTML.
De plus, dans le HTML 5 actuel, vous pouvez supprimer l'attribut type qui déclare les types MIME, tels que
<code><font face="Consolas" size="2">type="text/css"</font></code>
<code><font face="Consolas" size="2">type="text/javascript"</font></code>
Vous pouvez utiliser
<code><font face="Consolas" size="2"><script></font></code>
<code><font face="Consolas" size="2"><script type="text/javascript"></font></code>
<code><font face="Consolas" size="2"><style></font></code>
<code><font face="Consolas" size="2"><style type="text/css"></font></code>
Dans tous les types de pages (même XHTHML) vous pouvez omettre
<code><font face="Consolas" size="2">type="text/css"</font></code>
HTML 5 facilite les choses.
L'utilisation simultanée de toutes les méthodes ci-dessus entraînera une économie de fichiers de 10 à 20 % (voire plus), en fonction de votre style de codage et de la quantité de contenu textuel dans la page. Le code sera plus propre et les visiteurs obtiendront le contenu du site Web plus rapidement. Nous utilisons plusieurs de ces techniques dans le projet Privacy Center, économisant ainsi 20 % de la taille du fichier d'origine.