Cómo modificar el orden de carga de una página web

Actualmente estoy trabajando para una empresa que está desarrollando un motor de búsqueda ( http://www.charteroo.com ). Se nos presentó un problema porque algunas fuentes de datos, como un servidor de estadísticas, un feed de publicidad… están alojados en otros servidores.

Esto genera algunas demoras en la carga de los resultados de las búsquedas, ya que la página primero tiene que solicitar algunos datos remotos y luego termina de cargar los datos de la búsqueda. Cualquier problema o demora en los otros servidores, impacta negativamente en el sitio.

Buscando una forma de alterar el orden de carga de los elementos de la página, he dado con esta idea, que parece ser la solución a nuestros problemas.

Al elemento que deseamos cargar al final de todo, en la hoja de estilo lo “desaparecemos” con:

#IdDelElemento {display: none;}

Luego, en el body cambiamos la presentación del elemento usando onload:

document.getElementById(‘IdDelElemento’).style.display = ‘block’;"

Lo estoy probando en un servidor de testeo, modificando los archivos para simular situaciones problemáticas con las fuentes remotas, y por el momento funciona muy bien.

Esta entrada fue publicada en JavaScript. Guarda el enlace permanente.

Una respuesta a Cómo modificar el orden de carga de una página web

  1. ¿Y te ha funcionado?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>