Perda de peso HTML: Simplifique a marcação HTML para criar páginas da Web

Autor：Eve Cole Data da Última Atualização：2025-05-13 09:00:04

Uma maneira óbvia de melhorar a velocidade do site é reduzir o tamanho do arquivo HTML. Existem alguns métodos, como: compressão dura, ID do tipo acupuntura e alteração do nome da classe. Aqui estão algumas das maneiras pelas quais resumimos para tornar as tags HTML mais simplificadas.

HTML 4

HTML (não XHTML), o tipo MIME é texto/html, permitindo que algumas tags sejam omitidas. Com o HTML 4 DTD, você pode omitir as seguintes tags (os chamados elementos evitáveis são marcados com striketrough aqui)

 </área>

 </base>

 <body>

 </body>

 </br>

 </olle>

 </colgroup>

 </dd>

 </dt>

 <head>

 </head>

 </HR>

 <html>

 </html>

 </img>

 </input>

 </li>

 </link>

 </meta>

 </option>

 </p>

 </param>

 <tbody>

 </tbody>

 </td>

 </tfoot>

 </th>

 </thead>

 </tr>

Por exemplo, seu código é

 <li>list item</li>

Pode ser escrito como

 <li>list item

Por exemplo, o parágrafo deve

 </p>

No final, você pode apenas escrever

 <p>my paragraph

Você pode até remover HTML, cabeça, corpo (verifique se isso o deixará confortável antes de tomar isso como especificação de codificação).

Depois que a tag é omitida, o HTML ainda é válido e o tamanho do arquivo é reduzido. Para páginas gerais, você pode economizar 5-20%.

 HTML 5
 O desenvolvimento do HTML 5 fornece algumas maneiras de reduzir o tamanho do arquivo.
 Por exemplo, declaração do tipo de documento da 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, o HTML 5 DTD é mais curto.
 O HTML 5 é fácil de usar e mais curto ao especificar uma codificação para uma página:
 <meta charset=utf-8>
 substituir
 <meta http-equiv=content-type content=text/html; charset=utf-8>
 Normalmente, o navegador lida com HTML corretamente.
 Além disso, no HTML 5 de hoje, você pode remover o atributo de tipo que declara o tipo MIME, como
 type=text/css
 ou type=text/javascript
 Você pode usar
 <script>
 Alternativa <script type=text/javascript>
 usar <style>
 Alternativa <style type=text/css>
 Em todos os tipos de páginas (até xhtml), você pode omitir
 type=text/css
 O HTML 5 facilita tudo isso.
 O uso de todos os métodos acima, simultaneamente, economizará 10% a 20% (ou até mais) do arquivo, dependendo do seu estilo de codificação e da quantidade de conteúdo de texto na página. O código será mais limpo e os visitantes receberão o conteúdo do site mais rápido. Utilizamos muito dessa tecnologia no projeto do Centro de Privacidade, economizando 20% do tamanho do arquivo original.