Почему предварительная загрузка JS загружается дольше, чем обычная ссылка на изображение? - PullRequest
Новая
       12

Почему предварительная загрузка JS загружается дольше, чем обычная ссылка на изображение?

2 голосов
/ 06 января 2009

У меня есть куча изображений, которые я предварительно загружаю внутри цикла. Один из
эти изображения также загружаются в HTML, так что я хорошо понимаю, как
эти два разных метода выполняют. Для измерения я использую
Сетевая панель Safari Web Inspector после очистки кэша.

Размер изображения ClownFish составляет 280 КБ, а при обращении к нему HTML занимает 14мс до
загрузить, в то время как образ Авроры, на который ссылается JS в предварительной загрузке, равен
116 КБ и 77 мс для загрузки. 

var images = ['Aurora', 'ClownFish', 'DewDrop', 'EarthHorizon',  'FlowingRock', 'GentleRapids', 'GoldenPalace'];
images.each(function(elm){
    var path = elm + '.jpg';
    var preload = new Image();
    preload.setAttribute('src',path);
});

Это все издержки от настройки Image () и затем назначения
источник к нему? Есть ли способ ускорить это?

1 Ответ

1 голос
/ 07 мая 2009

Вы проверили, так ли это и в Firefox (используя Firebug)? И сколько времени требуется для загрузки самого изображения? Или сколько времени от начала запроса до загрузки изображения?

Если последнее, то это может иметь какое-то отношение к тому, где / когда на страницу загружается javascript, или в браузере уже слишком много запросов к домену, на котором находятся изображения, и ему приходится ждать до завершения некоторых из них, прежде предварительная загрузка изображений.

Мне также было бы любопытно посмотреть, сколько времени занимает загрузка, если вы вообще не загружаете изображения. Получаете ли вы низкое время загрузки для всех изображений, если они загружаются по HTML? Если нет, то, возможно, проблема в веб-сервере.

...