Reduzindo o tamanho do arquivo de documentos HTML

Por que rápido?

O desempenho é uma das principais chaves para o sucesso ou o fracasso de seu Web App ou Site. Infelizmente, o desempenho lento pode se tornar um dos valores da marca associados a um site por seus usuários. Felizmente, nós, como autores, podemos fazer algo a respeito.

Marcação consistente de autoria

Os autores são incentivados a escrever de forma consistente com sua marcação usando atributos em elementos na mesma ordem, escrever em minúsculas e usar aspas consistentes em toda a base de código. Seguindo essas etapas, os autores podem obter a melhor compactação do gzipalgoritmo.

Minimize o tamanho do DOM

Um grande número de elementos HTML significa um download mais lento, cálculo mais lento de seletores CSS e manipulação de JavaScript DOM mais lenta . Centenas de elementos DOM são aceitáveis, mas milhares exigirão alguma otimização.

Você pode verificar a quantidade de elementos em seu inspetor da web consoleinserindo:

document.getElementsByTagName('*').length

Retirar código morto

De acordo com o HTML 4 DTD, os autores podem omitir tags de fechamento com os seguintes elementos HTML :

  • <body>
  • </body>
  • </colgroup>
  • </dd>
  • </dt>
  • <head>
  • </head>
  • <html>
  • </html>
  • </li>
  • </option>
  • </p>
  • <tbody>
  • </tbody>
  • </td>
  • </tfoot>
  • </th>
  • </thead>
  • </tr>

Mais pesquisa

Documentação do Google Speed