Saltar al contenido principal

Javascript

TL;DR

Javascript es un popular lenguaje de programación utilizado principalmente para insertar elementos dinámicos en un sitio web.

¿Qué es Javascript?

Javascript es un lenguaje de programación, utilizado principalmente para insertar elementos dinámicos en páginas web. Ejemplos de elementos dinámicos incluyen automatizaciones, animaciones, elementos interactivos, contadores de tráfico, etc. Sin Javascript, los sitios web serían estáticos, confiando sólo en HTML y CSS. Javascript suele estar incrustado en el código HTML de una página web o puede funcionar en un archivo separado que está enlazado en la sección <head> de un HTML:

  • Ejemplo de Javascript enlazado: <script src="/js/ assets/example.js" type="text/javascript"></script>

  • Ejemplo de Javascript incrustado (este ejemplo es el script que utiliza Visitor Analytics para poder seguir las estadísticas del sitio web): <script>(function(v,i,s,a){if(!v._visaSettings){v._visaSettings={};}v._visaSettings["326865a9-6d58-11e8-834c-0242ac120005"]={v:"0.3",s:"326865a9-6d58-11e8-834c-0242ac120005",a:"1"};_v=i.getElementsByTagName("head")[0];_a=_v;_i=i.createElement("script");_s=_i;_s.defer="defer";_s.src=s+a+v._visaSettings["326865a9-6d58-11e8-834c-0242ac120005"].v;_a.appendChild(_s);})(window,document,"//app-worker.visitor-analytics.io/main",".js?s=326865a9-6d58-11e8-834c-0242ac120005&v=")</script>

¿Por qué se me pide que inserte un código Javascript en mi sitio web?

Muchas veces, si utiliza una herramienta para mejorar su sitio web, le pedirá que copie y pegue un JS <script> en su dashboard, para que se muestre en el <head> del HTML. Si usted confía en el proveedor de la herramienta, esto no debería constituir un problema. Esto es algo que el servicio especificado necesita para poder añadir una cierta funcionalidad a su sitio web. Si utiliza una plataforma de construcción web, como Wix o Wordpress u otros, e instala una extensión o un plugin, la mayoría de las veces añadirá automáticamente el Javascript necesario a su sitio web. En algunos casos, es posible que tenga que copiar y pegar manualmente un código en el encabezado.

Problemas y soluciones de Javascript

Si instalas demasiados plugins / extensiones en un sitio web, podrían insertar una gran cantidad de códigos Javascript en el encabezado. Hay ejemplos en los que una página web hace referencia a más de 60-70 archivos Javascript externos en la sección <head>. Antes de cargar cualquier contenido, el navegador web intentará descargar todos estos recursos, ralentizando significativamente el tiempo de carga de la página. Existen varias soluciones para ello, una de las cuales se describe en la entrada del glosario de renderizado dinámico.