T - Dónde debo poner código JS

tipLógicamente para optimizar el rendimiento de una página, en el área del head solo se debe poner el código Javascript que sea imprescindible para ejecutar alguna funciones antes de cargar el body de la página.

Muchas funciones contenidas en el área del head retardan considerablemente (o incluso bloquean) el inicio, por lo que el código excesivo se debe de ponerlo en área del body, preferiblemente justo antes de la etiqueta /body, aunque lo recomendable, y más si es extenso, es usarlo en un archivo externo.

Este método del archivo externo también se utiliza cuando se comparte el mismo código entre varias páginas web, de manera que escribiendo el código en un pequeño archivo de texto con la extensión .js y enlazándolo (ya sea antes de /head o antes de /body) y asegurándonos que solo lo lea completámente cuando la página web haya terminado de cargar.


    <script src="/code/js/codigo.js"></script>
</head>

<!-- Colocar la/s llamada/s a archivo/s externo/s .js
     en uno de los dos lugares: arriba o abajo -->

    <script src="/code/js/codigo.js"></script>
</body>

Como una buena práctica es evitar, en la medida de lo posible, las variables globales, todo el código JavaScript de nuestro archivo externo debería estar encerrado en la siguiente función que a continuación os pongo:


document.addEventListener('DOMContentLoaded', function () {
    
// Aquí va el resto del código, para que todas las variables
// que creemos sean globales y además nos aseguramos de que el
// contenido de la página, excepto los assets, ha cargado

});

 

Imprimir Correo electrónico

Visitas...

Hoy ........ 0

Ayer ....... 2

Mes ........ 47

Total ........ 5895

En línea...

Hay 15 invitados y ningún miembro en línea

< 3con14 - LAB / >

1998 - 2017, www.3con14.biz
(cc) Jesús Plaza M.
RECONOCIMIENTOS