Оптимизированная загрузка графики

[Zverushka]

 

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

Подскажите - как же это реализовать?

Есть фоны блоков, есть слайдеры с png достаточно крупного размера.

[nerv]

http://htmlforum.ru/index.php?showtopic=47326

[Zverushka]

Подскажите как еще оптимизировать - кракеном воспользовалась, ленивую загрузку для имиджей включила. Но вот толку нет, надо как-то порядок задних фонов оптимизировать или еще что.

http://zverushka.zz.mu/kadr/ c лейзи лоад

http://zverushka.zz.mu/kadr2/ без

Сейчас графика 2мб

 

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

Может вставить в самом начале слой, которому в цсс прописать список всех больших картинок в нужном порядке - но будет ли толк?

Еще поступило такое предложение "нужно тупо поставить картинки большие фоновые в последнюю очередь. и все )".

В общем не понимаю)...

Edited January 17, 2014 by Zverushka

[ryter]

Сейчас графика 2мб

это не так много чтоб парится насчет этого 

[Zverushka]

Мммм - кто что думает? По каком принципу браузер загружает файлы и картинки? Сколько потоков одновременно он создает? 

Мне казалось, что тот же ослик лет 6 назад создавал около 5 потоков, как один загружал - включал следующий или как идет сейчас? Если я перед боди вставлю тег, которому задам в css подряд нужные картинки задним фоном - это прокатит?

Edited January 17, 2014 by Zverushka

[mishka]

Насколько помню 8 потоков сейчас у браузеров.

Фоны загружаются по-очереди в порядке следования в html.

Это можно посмотреть в фаербаге (закладка net) или в хроме в вебинспекторе, непомню как там.

[Zverushka]

Я посмотрела - сначала img страницы грузятся в порядке следования, а потом фоны - теперь не знаю, что мне делать с этой информацией :-/

[mishka]

могу предложить такие варианты:

 

1) для картинок лейзи лоад и проинитить его с маленькой задержкой. Тогда фоны загружаться начнут первыми.

2) поставить лоадер. Показать сайт после того как все загрузится.

[Zverushka]

Говорит не нужно лейзи лоад ( в плане крутишь и начинают грузиться соотвествующие блоки) - нужна просто выстроенная очередь загрузки графики - чтобы вся графика загружалась в определенном порядке.

Edited January 18, 2014 by Zverushka