..


Enlaces patrocinados

Javascript ralentiza la carga de su sitio? Trate de modo asíncrono!

Artículo escrito por Max Bossi
Página 1 de 2

¿Cuántas veces hemos oído que JavaScript es la causa más frecuente de retrasos en la carga de una página web? muchas veces, ¿verdad? Esto, lamentablemente, viene del hecho de que muchos servicios utilizados en los sitios web y los blogs son suministrados desde el exterior por la inclusión de una página web en el código JavaScript. Por ejemplo, pensar en servicios como estadísticas, intercambio de banners, plugins social, shoutbox, etc.

Todos estos elementos, por regla general, se cargan en la página web mediante el uso de este <script>:

 



 <script type="text/javascript" src="http://www.sitoesterno.com/servizio.js"> </ script>

 
Este tipo de marcado, como se había anticipado, sufre un problema importante: si los recursos externos no responde rápidamente (por ejemplo, porque el servidor está sobrecargado o hay un problema de red temporal) del navegador, llamado a mostrar la página web anfitrión de este código, se bloqueará esperando para cargar el Javascript está cargado. La consecuencia es que la página web podría ser muy lento o, en el peor, puede ser de color blanco ... resultando en la pérdida de tráfico!

JavaScript puede ralentizar su sitio!

Resolver el problema fácilmente

Una solución a este problema lo tenemos en el uso de etiquetas iframe, pero esto no siempre es posible: cuando el elemento que se incorpora tiene un tamaño definido (por ejemplo, un banner) que pueden usar esta solución ... pero cuando el elemento tiene que incluir diferentes tamaños o el uso de los efectos dinámicos, el iframe es sin duda insuficiente.

Una segunda solución, que es también muy simple, es colocar el código JavaScript que por sí no produce un resultado (por ejemplo, estadísticas) en la parte inferior justo antes del cierre de <body> ... pero cuando el código tiene que producir una salida y esto tiene que ser colocado en un punto preciso de nuestro diseño no es, por supuesto, es posible.

Ambas soluciones simples, por lo tanto, no son la respuesta que buscas ... Vemos, entonces, ¿qué es y cómo la carga asíncrona de código javascript.

En la misma categoría ...
E-Learning
CSS (Curso) CSS (Curso)
Diseño Web y de accesibilidad de acuerdo con W3C CSS y XHTML. A partir de 29 €.
HTML (del curso) HTML (del curso)
El lenguaje de marcado para la web desde 29 €.
Javascript (Curso) Javascript (Curso)
Guía completa de scripting del lado del cliente. A partir de 39 €.
Enlaces patrocinados