Мои изображения загружаются слишком поздно, почему?

У меня есть несколько js и css файлов, которые загружаются на head. После последнего js файла есть пробел (в Firefox) 1311ms, пока браузер не начнет загружать изображения.

image loading too late

Firebug не показывает статус в этом пробеле.

Что это значит? Почему мои изображения загружаются так поздно?

Все изображения в кеше, разрыв все еще существует...

gap

Полная загрузка без кеша:

huge gap

Ответ 1

У вас есть файл JavaScript на 300 КБ. Это много JS для синтаксического анализа и, возможно, исполнения. Попробуйте использовать инструмент профилирования в Firebug или Chrome, чтобы узнать, что выполняется JavaScript при загрузке страницы.

Ответ 2

Есть некоторые причины.

  • Этот статический файл во многих HOST, они не находятся в одном HOST.
  • Ваш браузер медленно разрешает этот файл.
  • Файл javascript в этом файле тратит много времени.

вы можете использовать какой-либо инструмент предварительной настройки, например Yslow, chrome console.. для анализа этой проблемы.

Ответ 3

Если мы говорим теги img, то задержка может быть временем, когда браузер отображает страницу. Мне нужно искать ссылку, но я помню, что браузер не запускает изображения, пока не отобразит страницу. Вы можете проверить это, добавив некоторое профилирование, которое показывает, когда страница завершила рендеринг, и сравните это с временем загрузки первого изображения. У меня есть профилирование, вставленное на мои страницы, которое вставляет временные метки в качестве самого первого оператора/элемента (внутри головы) и самого последнего (в теле). Сравнение двух дает приблизительное время рендеринга.