¿Cuándo se cargan las imágenes de fondo CSS en el ciclo de vida de una página web?

Si realmente necesita manejar esto, puede tomar el control de la visualización de toda su página al no mostrar divs específicos (o incluso todo su contenido) hasta que se haya cargado toda la página. La desventaja de esto es que tendrías que mostrar artificialmente un indicador de carga porque es bueno ver la carga de cosas para que los visitantes sepan quedarse para que termine.

Difiere de un navegador a otro, pero la mejor manera de obtener visibilidad sobre esta pregunta es utilizar una herramienta de desarrollo diseñada para mostrar el ciclo de vida de la carga de la página.

En firefox puedes instalar la extensión firebug y usar la pestaña net. En Safari o Google Chrome puede usar la pestaña de recursos de la sección Herramientas del desarrollador. Ambos le mostrarán una cascada de tiempos de carga de activos.

Chad tenía un buen punto. No importa lo que intente, reduzca la cantidad de solicitudes http que requiere cada carga de página. Combine activos de alguna manera y asegúrese de que sus encabezados de almacenamiento en caché estén configurados intencionalmente para la eficiencia.