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:

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

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.