Pergunta

Existe alguma relação entre o tipo de documento de uma velocidade documento HTML e processamento do navegador?

Se sim, então qual é o mais rápido?

Foi útil?

Solução

Eu não acho que o tipo de documento tem uma influência sobre a velocidade de renderização. Mas a estrutura e estilo de um documento HTML terá.

Um documento complexo HTML (enorme árvore DOM, muitos objetos incorporados) com um estilo complexo (carros alegóricos, posicionamento, margem, estofamento) provavelmente terá várias execuções de renderização. Além disso um código HTML inválido o navegador precisa fazer alguma manipulação de erros para analisar e construir a árvore DOM (mas isso não é a prestação).

Leve o Gecko refluxo por exemplo que mostra como motor de renderização do Firefox Gecko presta um documento HTML (vídeos para mozilla.org , uma página Wikipedia e google.co.jp ).

Outras dicas

O Google é um dos sites mais rápidos do planeta. Eles usam o seguinte doctype:

<!doctype html>

No Google, "todos os assuntos byte".

Para ter certeza, o Google faz uma tonelada outras coisas primeiro. Quando você está no seu nível, você precisa pensar sobre o número de caracteres / bytes que você enviar para fora. Então, se você está no ponto onde você acha que mudar seu doctype vai ajudar, use o acima.

Com base em nada além de minha própria experiência, eu arriscaria que qualquer diferença é puramente insignificante.

Há um par de fatores na escolha doctype que podem afetá-lo:

  • A doctype estrito poderia envolver menos tempo de análise (desde que não haja erros, obviamente).
  • XHTML pode demorar mais para carregar devido a marcas de fechamento obrigatórios em tudo.

No entanto, isso vai variar muito com base em seu motor de renderização e como eles processam o código-fonte.

Ainda estou para ver um site que está tão otimizado que a única coisa que resta a olhar é o tipo de documento. Para melhorar a página velocidade de carregamento, eu usaria uma ferramenta como YSlow ou Google Page Speed ?? para indicar as áreas mais óbvias para a melhoria.

Eu nunca ouvi falar sobre uma diferença de velocidade de renderização no mundo real. é igualmente muitas vezes sugerido que XHTML tornará mais rápido. A idéia é que com um documento bem formado o navegador não tem que lidar com erros, mas o navegador não sabe que está bem formado até que seja proferida isso ...

Há uma abundância de páginas com XHTML Strict Doctypes que não validam.

Todos os outros fatores envolvidos são provavelmente muito mais importante - para além da velocidade de download, a maneira como você usa seletores CSS pode certamente ter um efeito por exemplo

.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top