navegadores - ¿Cómo se cargan y ejecutan los archivos JavaScript?
evitar caché de los navegadores al actualizar una aplicación web (2)
No veo a menudo charlas o investigaciones sobre el orden de carga / ejecución de archivos JavaScript Me interesan los sitios que explican cómo se maneja JavaScript. En particular, si tengo
<script src="a.js"></script>
<script src="b.js"></script>
<script src="c.js"></script>
Supongo que a.js se descarga primero, luego b.js y finalmente c.js o ¿se están descargando al mismo tiempo? ¿Qué pasa con la ejecución? ¿Se prefieren los scripts en el encabezado sobre los del cuerpo?
La razón principal por la que estoy tan interesado en este tema es porque estoy escribiendo un software de JavaScript que utiliza la carga dinámica de estos scripts y, a veces, recibo errores como que x no está definido (no se ha cargado antes que otros scripts), pero usualmente esos errores no ocurrirán No entiendo porque
Lo que controla la descarga de JavaScript es principalmente tu navegador. Si los carga todos desde el mismo dominio, como está haciendo anteriormente, se cargarán uno tras otro, por lo tanto, se cargarán en el orden que especifique.
Como una prueba simple, simplemente puede intentar especificar funciones en cada uno de los archivos e intentar llamarlos desde el siguiente archivo en la lista, para que pueda ver el orden en que se cargan.
En lo que respecta a la prioridad de carga, la mayoría de los libros de optimización de sitios web le indicarán que cargue sus archivos js en la parte inferior, ya que esto hará que su página se cargue más rápido, y el archivo js se cargará como el último recurso necesario. Esto debe hacerse con cuidado, si sus páginas dependen del JavaScript directamente al cargarse, puede terminar con un sinfín de errores js.
Las bibliotecas como jquery ayudarán mucho con eso, ya que solo dejarán que ocurra la acción js, una vez que el DOM esté disponible, por lo tanto, no hay errores js cuando js se carga en la parte inferior del HTML.
Otra cosa interesante es asegurarse de mantener los archivos js correctamente minimizados y cumplir con el mínimo de archivos q, al hacerlo, solo está haciendo algunas solicitudes de servidor, y tendré su JavaScript disponible en menos hora.
Espero que esto te ayude.
Los scripts se descargan en paralelo, pero se analizan y ejecutan en el orden en que aparecen en el HTML, bloqueando otras acciones en la página (incluida la representación) hasta que se ejecutan. Es posible que los scripts no sean bloqueados, si se agregan con código JavaScript a través del DOM por ejemplo, o si el atributo asíncrono está presente en las últimas versiones de Firefox.