2010-01-20 11 views
5

Me preocupan los tiempos de carga en la página de inicio de nuestro sitio.¿Se cargan todas las imágenes de fondo de CSS incluso si no se aplica CSS?

Mi página de inicio utiliza una hoja de estilos predeterminada con TODOS los estilos para todo el sitio. Tengo referencias de imágenes de fondo para elementos en otras páginas (es decir, no se utilizan en la página de inicio). ¿Estos gráficos de imágenes de fondo se cargan de todos modos cuando un usuario visita la página de inicio del sitio?

¿O la única imagen de fondo CSS que se carga son las que se usan directamente en esa página?

Respuesta

3

Una forma de averiguarlo: pruebe un debugging proxy.

Las respuestas pueden diferir según el navegador.

+0

gracias Michael - Voy a darle una oportunidad –

+1

violinista instalado (http://www.fiddler2.com/fiddler/help/ hookup.asp # Q-NonWindows), lo ejecutó. Se abrió IE 8 (solo para pruebas, realmente no lo uso) y visité mi sitio. Fiddler mostró todas las solicitudes, y parece que IE8 al menos tampoco carga las imágenes de fondo A MENOS QUE el elemento css se use en esa página. Entonces esas son buenas noticias. No tengo acceso a IE7 o IE6. ¿Alguien tiene alguna información sobre cómo actúan esos 2? –

+1

@MoBoho si tiene IE8 TIENE acceso a IE7, con las herramientas de desarrollador puede cambiar la versión del procesador. –

3

Las imágenes no se cargarán a menos que se utilicen realmente en la página; en cuanto a todos los estilos que se cargan en la página de inicio, esto es realmente algo razonablemente bueno. Una vez que ese único archivo CSS está en la caché del visor, está allí y no tiene que descargarse para las páginas siguientes.

La publicación de otra persona simplemente me recordó que estoy basando mi información en firebug; navegadores distintos de FF pueden descargar esas imágenes de BG no utilizadas, pero realmente lo dudo.

+0

Eso es lo que habría pensado ... pero no he podido encontrar una respuesta definitiva sobre esto. Utilicé la extensión Live HTTP Headers en FF y veo que no se cargan, pero realmente no saben cómo buscar IE, para ver si se comporta de la misma manera. ¿No hay una respuesta definitiva a esto de los estándares W3C o CSS o algo así? –

+0

Sí, porque IE realmente se atiene a los estándares: p Si los estándares dicen que es así, no significa que IE lo haga de esa manera. – Erik

2

Basándome en la respuesta de Erik, podría usar herramientas como el complemento Google Page Speed ​​para Firefox (que creo que está construido sobre Firebug) y ver qué es lo que realmente está ralentizando su sitio web al cargar.

Puede encontrar más información sobre la herramienta y algunos otros consejos aquí: http://code.google.com/speed/page-speed/docs/using.html

+0

Uso YSlow, que también está construido sobre Firebug. Supongo que es una bestia similar al complemento de Google. –

Cuestiones relacionadas