/ / Мої зображення завантажуються занадто пізно, чому? - javascript, html, performance, dom

Мої зображення завантажуються занадто пізно, чому? - javascript, html, performance, dom

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

Завантаження зображення занадто пізно

Firebug не відображає будь-який статус у цьому порожньому місці.

Що це означає? Чому мої зображення завантажуються так пізно?

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

розрив

Повна завантаження без кешу:

величезний розрив

Відповіді:

1 для відповіді № 1

У вас є файл JavaScript 300 Кб. Це багато JS для розбору та, можливо, виконання. Спробуйте інструмент профілювання в Firebug або Chrome, щоб побачити, як працює JavaScript за завантаженням сторінки.


1 для відповіді № 2

там деяка, можливо, причина.

  • Цей статичний файл у багатьох хостах, вони не в тій же HOST.
  • Ваш веб-переглядач повільно вирішує цей файл.
  • Файл javascript у цьому файлі витрачає багато часу.

ви можете скористатися деяким інструментом веб-преформації, як Yslow, chrome console .. для аналізу цієї проблеми.


0 для відповіді № 3

Якщо ми говоримо про теги img, то це може бути затримкачас, який потрібно браузеру для відтворення сторінки. Я повинен шукати довідку, але я нагадую, що браузер не починає завантажувати зображення, поки не буде відображено сторінку. Ви можете протестувати це, додавши деякі профілі, які показують, коли сторінка завершила рендеринг, і порівнювати їх з часом завантаження першого зображення. У мене є профілі, що вставляються на мої сторінки, які вставляють мітки часу як самий перший вислів / елементи (всередині голови), а самі останні (в тілі). Порівняння двох дає вам приблизний час відтворення.