<img> загрузка занимает слишком много времени, используя плагин jQuery и Slides - PullRequest
Новая
       1

<img> загрузка занимает слишком много времени, используя плагин jQuery и Slides

0 голосов
/ 02 декабря 2011

Я использую jQuery 1.6 и плагин Slides ( slidesjs.com )
Слайды имеют следующий формат: <a><img></a>
Загрузка изображения первого слайда занимает до 6 секунд.
Из сетевой панели Chrome я знаю, что изображение загружается дважды, и одна из загрузок - это то, что занимает так много времени.

Код, который создает слайд-шоу: 

$('.rotator').slides({
  preload: true,
  play: 7000,
  pause: 2500,
  hoverPause: true
});

На скриншоте вы увидите ссылку на jquery-1.6.js @ line 2206, а именно: 

attr: function( elem, name, value, pass ) {
  ...
  elem.setAttribute( name, "" + value ); // <-- line 2206

Информация о сети Chrome: chrome's network info

Есть идеи, что происходит и как этого избежать?

1 Ответ

2 голосов
/ 02 декабря 2011

Мне было бы интересно увидеть ссылку на то, что вы уже создали.Для оптимизации можно рассмотреть множество вещей, таких как:

  • Множество HTTP-запросов
  • Размер изображения
  • Количество, размер и положение внешних скриптов настраница

и т. д.

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

...