Tradicionalmente en los navegadores el analizador de HTML corre en el hilo de ejecución principal y se queda bloqueado después de una etiqueta </script> hasta que el código se haya recuperado y ejecutado. El analizador de HTML de Firefox 4 y posteriores soporta análisis especulativo fuera del hilo de ejecución principal. Este analiza anticipadamente mientras el codigo está siendo descargado y ejecutado. Como en Firefox 3.5 y 3.6, el analizador de HTML es el que inicia la carga especulativa de código, las hojas de estilos y las imagenes que va encontrando en el flujo de la página. Sin embargo en Firefox 4 y posteriores el analizador de HTML también ejecuta el algoritmo especulativo de la construcción del árbol HTML. La ventaja es que cuando lo especulado tiene exito, no hay necesidad de reanalizar la parte del archivo de entrada que ya fue analizada junto la descarga de código, hojas de estilo y las imágenes. La desventaja es que se ha realizado un trabajo inútil cuando la especulación fracasa.
Este documento le ayuda a evitar este tipo de situaciones que hacen que la especulación falle y ralentize la carga de la página.
Hay solo una regla para hacer cargas especulativas exitosas en scripts enlazados, hojas de estilo e imagenes:
La generación de árbol especulativo falla cuando document.write() cambia el estado del generador de árbol de tal manera que el estado especulativo después del tag </script> no se mantiene cuando todo el contenido es inertado por document.write() ha sido analizado. Sin embargo, sólo usos inusuales de document.write() causa problemas. Aquí están las cosas a evitar:
<script>document.write("<div>");</script> está mal. <script>document.write("<div></div>");</script> es correcto.<script>document.write("<div></div");</script> esta mal.<script>document.write("Hello World!\r");</script> está mal. <script>document.write("Hello World!\n");</script> es correcto.<script>document.write("<div></div>");</script> dentro del elemento head será interpretado como <script>document.write("</head><body><div></div>");</script> el cual está desbalanceado.<table><script>document.write("<tr><td>Hello World!</td></tr>");</script></table> está mal. Sin embargo, <script>document.write("<table><tr><td>Hello World!</td></tr></table>");</script> está correcto.