javascript - example - <aplazamiento de guiones> y $(documento).ready
jquery innertext (3)
Según http://caniuse.com/script-defer , la mayoría de los navegadores admiten el atributo de defer la etiqueta de script .
Me gustaría saber si los scripts especificados por <script defer src="..."> se ejecutan antes o después de $(document).ready() jQuery''s? ¿Los navegadores principales y modernos (Chrome, Firefox, IE, etc.) son consistentes en el orden de ejecución o varían?
Basado en esto violín Debo decir que $(document).ready() jQuery se ejecuta después de un script declarado con defer . Lo probé con Firefox y Chrome, y ambos tenían el mismo comportamiento independientemente de la secuencia de los scripts.
Supongo que el comportamiento en otros navegadores puede cambiar en función de su implementación, por lo que siempre es incierto.
EDITAR : Como resultado, el atributo de defer debe usar con un archivo javascript externo. Edité el violín para mostrar esto, aparentemente con los mismos resultados.
Actualizó el violín aquí: http://jsfiddle.net/RNEZH/15/
El atributo de aplazamiento tiene una buena redacción y análisis . También vea los comentarios a la publicación para obtener información adicional sobre cómo se ha redefinido el aplazamiento en HTML5.
Mi conclusión: defer es demasiado dependiente del navegador para contar. Por lo tanto, utilice la técnica jQuery doc ready.
Para decirlo de otra manera, una razón importante para jQuery es cubrir inconsistencias en el navegador. Aplazar es otra de esas inconsistencias que deben evitarse para páginas bien escritas.
Simplemente, el script debe ejecutarse antes de $(document).ready() ya sea que se use o no defer y casi todos los navegadores principales support defer .
Pero por el lado seguro, te animo a que uses tanto $(document).ready() como el defer . Entonces, ¿por qué defer ? Debido a que ayuda a que la página aparezca rápidamente (ya que el script externo se carga en paralelo) y un factor realmente importante en la herramienta de velocidad de página de Google, se puede encontrar un buen detalle aquí http://code.google.com/speed/page-speed/docs/payload.html#DeferLoadingJS