Tengo algunos archivos js y css que se cargan en el head. Después del último archivo js hay un espacio (en Firefox) de 1311ms hasta que el navegador comienza a cargar las imágenes.Mis imágenes se están cargando demasiado tarde, ¿por qué?
Firebug no muestra ningún estado en este espacio en blanco.
¿Qué significa? ¿Por qué mis imágenes se cargan tan tarde?
Todas las imágenes en la memoria caché, la brecha sigue ahí ...
plena carga no-cache:
Tiene un archivo JavaScript de 300kb. Eso es una gran cantidad de JS para analizar y posiblemente ejecutar. Pruebe la herramienta de creación de perfiles en Firebug o Chrome para ver qué JavaScript se ejecuta en la carga de la página.
si estamos hablando de etiquetas img, a continuación, el retraso puede ser el tiempo que le lleva al navegador procesar la página. Tendría que buscar una referencia, pero recuerdo que el navegador no comienza a buscar imágenes hasta que haya procesado la página. Puede probar esto agregando algunos perfiles que muestren cuándo la página ha completado el procesamiento y compárelo con el momento en que la primera imagen comienza a cargarse. Tengo un perfil insertado en mis páginas que inserta las marcas de tiempo como la primera declaración/elemento (dentro del encabezado) y el último (en el cuerpo). Comparando los dos le da el tiempo aproximado de renderizado.
hay alguna razón.
puede usar alguna herramienta de preformulación web, como Yslow, Chrome Console .. para analizar este problema.
He visto esto también. Diablos, estoy viendo una página mía ahora que hace esto! Siempre asumí que fue causado por el tiempo que Firefox estaba tomando para analizar y cargar un archivo javascript. Ten curiosidad por ver tus respuestas. –
¿A qué imágenes se hace referencia? – SLaks
Intente usar Yslow. – pyroscope