Perte de poids HTML: simplifiez le marquage HTML pour créer des pages Web

Auteur：Eve Cole Date de mise à jour：2025-05-13 09:00:04

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 4

HTML (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 item

Par exemple, le paragraphe devrait

 </p>

À la fin, vous pouvez simplement écrire

 <p>my paragraph

Vous 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 5
 Le 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/javascript
 Vous 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/css
 HTML 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.