Doctype y velocidad del navegador
https://stackoverflow.com/questions/1032073
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
¿Existe alguna relación entre el doctype de un documento HTML y la velocidad de representación del navegador?
En caso afirmativo, ¿cuál es el más rápido?
Solución
No creo que el tipo de documento influya en la velocidad de representación. Pero la estructura y el estilo de un documento HTML tendrán.
Un documento HTML complejo (gran árbol DOM, muchos objetos incrustados) con un estilo complejo (flotantes, posicionamiento, margen, relleno) probablemente necesitará múltiples ejecuciones de representación. Además, un código HTML no válido, el navegador deberá realizar algunos errores de manejo para analizar y construir el árbol DOM (pero esa no es la representación).
Tome el Gecko reflow , por ejemplo, que muestra cómo el motor de renderizado Gecko de Firefox rinde un Documento HTML (videos para mozilla.org , una página de Wikipedia y google.co.jp ).
Otros consejos
Google es uno de los sitios más rápidos del planeta. Usan el siguiente tipo de documento:
<!doctype html>
En Google, " cada byte importa " ;.
Para estar seguro, Google hace un montón de otras cosas primero. Cuando esté a su nivel, debe pensar en la cantidad de caracteres / bytes que envía. Entonces, si está en el punto en que cree que cambiar su doctype ayudará, use lo anterior.
Basado en nada más que en mi propia experiencia, me atrevería a decir que cualquier diferencia es puramente insignificante.
Hay un par de factores en la elección de doctype que PUEDEN afectarlo:
- Un doctype estricto podría implicar menos tiempo de análisis (sin proporcionar errores, obviamente).
- XHTML puede tardar más en cargarse debido a las etiquetas de cierre obligatorias en todo.
Sin embargo, esto variará mucho según el motor de representación y la forma en que procesan el código fuente.
Todavía no he visto un sitio web tan optimizado que lo único que queda por ver es el doctype. Para mejorar la velocidad de carga de la página, usaría una herramienta como ySlow o Velocidad de página de Google para indicar áreas más obvias para mejorar.
Nunca he oído hablar de una diferencia de velocidad de renderizado en el mundo real. De manera similar, a menudo se sugiere que XHTML se procesará más rápido. La idea es que con un documento bien formado, el navegador no tiene que manejar errores, pero el navegador no sabe que está bien formado hasta que se procesa ...
Hay muchas páginas con Doctypes XHTML estrictos que no se validan.
Todos los demás factores involucrados son probablemente mucho más importantes: aparte de la velocidad de descarga, la forma en que usa los selectores CSS ciertamente puede tener un efecto, por ejemplo.
