Un moyen évident d'améliorer la vitesse du site Web consiste à réduire la taille du fichier HTML. Il existe certaines méthodes, telles que: compression dure, ID de type acupuncture et modification du nom de classe. Voici quelques-unes des façons dont nous avons résumé pour rendre les balises HTML plus rationalisées.
html 4HTML (non xhtml), le type MIME est texte / html, permettant à certaines balises d'être omises. Avec HTML 4 DTD, vous pouvez omettre les balises suivantes (ces soi-disant éléments évitables sont marqués de strikethrough ici)
</ zone> </base> <body> </body> </br> </col> </colgroup> </dd> </dt> <head> </head> </hr> <html> </html> </img> </ entrée> </li> </ link> </TATA> </option> </p> </param> <tbody> </tbody> </td> </tfoot> </th> </thead> </tr>Par exemple, votre code est
<li>list item</li>Peut être écrit comme
<li>list itemPar exemple, le paragraphe devrait
</p>À la fin, vous pouvez simplement écrire
<p>my paragraphVous pouvez même supprimer le HTML, la tête, le corps (assurez-vous que cela vous mettra à l'aise avant de prendre cela comme spécification de codage).
Une fois la balise omise, le HTML est toujours valide et la taille du fichier est réduite. Pour les pages générales, vous pouvez économiser 5-20%.
html 5Le développement HTML 5 fournit quelques moyens de réduire la taille du fichier.
Par exemple, déclaration de type de document de page
<!doctype html>contraste
<!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>De toute évidence, HTML 5 DTD est plus court.
HTML 5 est facile à utiliser et plus court lors de la spécification d'un encodage pour une page:
<meta charset=utf-8>remplacer
<meta http-equiv=content-type content=text/html; charset=utf-8>Normalement, le navigateur gérera correctement HTML.
De plus, dans HTML 5 d'aujourd'hui, vous pouvez supprimer l'attribut de type qui déclare le type mime, comme
type=text/css ou type=text/javascriptVous pouvez utiliser
<script> Alternative <script type=text/javascript> utiliser <style> Alternative <style type=text/css>Dans tous les types de pages (même xhtml), vous pouvez omettre
type=text/cssHTML 5 facilite tout cela.
L'utilisation simultanée de toutes les méthodes ci-dessus économisera 10% à 20% (ou même plus) du fichier, en fonction de votre style de codage et de la quantité de contenu texte dans la page. Le code sera plus propre et les visiteurs obtiendront plus rapidement du contenu du site Web. Nous utilisons une grande partie de cette technologie dans le projet du Centre de confidentialité, économisant 20% de la taille du fichier d'origine.