Apboft Palabra de busqueda << CSS: Tamafios relativos de fuente seguin la resolucién | Rutas absolutas independientes del protocolo en HTML > El mejor sitio para colocar mis scripts: ¢Cabecera, cuerpo, carga asincrona 0 carga diferida? Escrito por by Jose M. Alarcon el 3 noviembre 2014 08:30 [Leer sin negritas] ‘Aunque una cuestién como esta (2dénde coloco una etiqueta en una pagina?) puede parecer carente de sentido a simple vista, no lo es si pensamos en la enorme cantidad de scripts que se cargan hoy en dfa en algunas aplicaciones, y en especial en las aplicaciones de tipo Single Page Application (SPA) Por ejemplo, observa los scripts que carga inicialmente una SPA como es GMail y que ademas esté suiper- optimizada por parte de Google: ~o:-.acién web y mucho més... OF MIS CURSOS ON- LINE Bw = ACERCA DE ESTE BLOG Este soy yoy este es mi blog técnico, dedicado principalmente alas tecnologias de desarrollo web de Microsoft. Sigueme en Twitter!Puls para aumertar Corno vemos son en total 31 scripts que pesan casi 2MB entre todos, y tardan un tiempo considerable en cargar. Y eso sin contar los scripts que van embebidos en la propia pagina y que por lo tanto no se cargan de forma externa, Asi pues, ante tanto script y con semejante tamafio: 2En qué parte de una pagina es mejor colocar los scripts? El procesamiento de los elementos de una pagina Si analizarnos cémo carga una pagina sus contenidos podemos ver enseguida que el lugar donde se coloquen puede tener mucha influencia sobre su rendimiento. Una vez que el navegador se descarga el cédigo fuente de una pagina web comienza a analizar sus etiquetas por orden, de arriba a abajo. Es decir, en una pagina normal primero leerd el doctype, luego la etiqueta raiz HTML, dentro de ésta la cabecera, los elementos de ésta, luego el cuerpo, etc. En el caso concreto de los scripts, éstos deben ejecutarse a medida que se encuentran en la pagina. Por ello si colocamos una etiqueta