Diferencia entre JavaScripts internos y externos

A mediados de la década de 1990, los desarrolladores de Netscape crearon un lenguaje de secuencias de comandos simple para usarlo como herramienta para hacer que los sitios web fueran más interactivos y atractivos. Este lenguaje eventualmente sería conocido como Javascript. Muchos usuarios hoy en día no saben que las funciones del cliente de correo electrónico o del sitio web de redes sociales de las que dependen son el resultado de miles de líneas de programación Javascript inteligente y compleja.

Javascript interno

Para que el código Javascript haga su magia, debe incorporarse de alguna manera en la ubicación adecuada en una página web en particular a medida que se carga la página. El código Javascript interno es un código que se coloca en cualquier lugar dentro de la página web entre las etiquetas HTML. Muchos desarrolladores web optan por colocar su código Javascript antes de la etiqueta.

Javascript externo

El código Javascript colocado en un archivo separado del código HTML se llama Javascript externo. El código Javascript externo se escribe y utiliza de la misma manera que el Javascript interno. El archivo debe tener la extensión ".js", aunque prácticamente cualquier otra extensión funciona con los navegadores modernos. Una diferencia importante:el código externo no debe colocarse entre las etiquetas, o el código no funcionará.

El navegador web debe saber que necesita cargar código externo. La página web debe tener las siguientes etiquetas HTML que hagan referencia al script:

La URL le dice al servidor web dónde ubicar y cargar el código Javascript.

Ventajas de Javascript interno

Si el número de líneas de Javascript es relativamente pequeño, una página web con Javascript interno se carga más rápido que las páginas que deben hacer referencia a un código externo. Esto se debe a que, cuando el navegador web carga la página y encuentra la referencia al código externo, debe realizar una solicitud por separado al servidor web para obtener el código.

Ventajas de Javascript externo

Si se usa un código idéntico en varias páginas de un sitio web, los archivos Javascript externos son beneficiosos. Solo necesita incluir una referencia al código externo en aquellas páginas que realmente requieren ese código. Si el código Javascript cambia, solo se debe editar un archivo; los cambios están disponibles instantáneamente para todas las páginas que necesitan el código. El almacenamiento de Javascript en archivos externos también facilita el mantenimiento de los sitios web:las páginas están menos abarrotadas y el desarrollador web tiene menos líneas de código para realizar las modificaciones necesarias. Menos líneas de código HTML también pueden ayudar a las arañas de los motores de búsqueda a indexar más a fondo su sitio y encontrar palabras clave importantes.

Finalmente, si un visitante se mueve a otra página que contiene las mismas referencias externas de Javascript, la segunda página se cargará más rápido, porque el navegador del usuario habrá almacenado en caché o almacenado el archivo Javascript localmente.