Pérdida de peso HTML: simplifique el etiquetado HTML para crear páginas web

Autor：Eve Cole Fecha de actualización：2025-05-13 09:00:04

Una forma obvia de mejorar la velocidad del sitio web es reducir el tamaño del archivo HTML. Hay algunos métodos, como: compresión dura, identificación de acupuntura y cambio del nombre de clase. Estas son algunas de las formas en que resumimos para hacer que las etiquetas HTML sean más simplificadas.

HTML 4

html (no xhtml), el tipo mime es texto/html, lo que permite omitir algunas etiquetas. Con HTML 4 DTD, puede omitir las siguientes etiquetas (los llamados elementos evitables están marcados con Strikethrough aquí)

 </área>

 </base>

 <body>

 </body>

 </br>

 </ol>

 </colgroup>

 </dd>

 </dt>

 <head>

 </head>

 </hr>

 <html>

 </html>

 </img>

 </input>

 </li>

 </link>

 </meta>

 </option>

 </p>

 </amam>

 <tbody>

 </tbody>

 </td>

 </tfoot>

 </th>

 </thead>

 </tr>

Por ejemplo, su código es

 <li>list item</li>

Se puede escribir como

 <li>list item

Por ejemplo, el párrafo debería

 </p>

Al final, puedes escribir

 <p>my paragraph

Incluso puede eliminar HTML, cabeza, cuerpo (asegúrese de que esto lo haga cómodo antes de tomar esto como su especificación de codificación).

Después de omitir la etiqueta, el HTML sigue siendo válido y el tamaño del archivo se reduce. Para páginas generales, puede ahorrar 5-20%.

 html 5
 El HTML 5 en desarrollo proporciona algunas formas de reducir el tamaño del archivo.
 Por ejemplo, declaración de tipo de documento de página
 <!doctype html>
 contraste
 <!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
 Obviamente, HTML 5 DTD es más corto.
 HTML 5 es fácil de usar y más corto al especificar una codificación para una página:
 <meta charset=utf-8>
 reemplazar
 <meta http-equiv=content-type content=text/html; charset=utf-8>
 Normalmente, el navegador manejará HTML correctamente.
 Además, en el HTML 5 de hoy, puede eliminar el atributo de tipo que declara el tipo de MIME, como
 type=text/css
 o type=text/javascript
 Puedes usar
 <script>
 Alternativa <script type=text/javascript>
 usar <style>
 Alternativa <style type=text/css>
 En todo tipo de páginas (incluso xhtml) puedes omitir
 type=text/css
 HTML 5 hace que todo esto sea más fácil.
 El uso de todos los métodos anteriores, simultáneamente, ahorrará 10% -20% (o incluso más) del archivo, dependiendo de su estilo de codificación y la cantidad de contenido de texto en la página. El código será más limpio y los visitantes obtendrán contenido del sitio web más rápido. Utilizamos gran parte de esta tecnología en el proyecto del Centro de Privacidad, ahorrando el 20% del tamaño del archivo original.