Как реализовать асинхронную загрузку разных блоков?

Question

[DoubleWish]

Существует проблема, на которую ответ после двух дней копания в паутине так и не смог обнаружить. Есть сайт, со слайдером во всю ширину на главной(вверху) (у него на бэкграунде картинка весом 120кб, т.к. она 1920x680) и есть два плагина (внизу, уже после 2х блоков) - один ротатор картинок, другой - небольшая галерея. Внимание вопрос, как применить асинхронную загрузку так, чтобы она сначала могла успевать загрузить первый блок с одной лишь картинкой, и только лишь после этого загружал js файлы и картинки, которые встроены в скрипт (асинхронное подключение одних скриптов не помогло). Ещё - все плагины на jQuery. Жду вашей помощи, друзья.

Answer 1

[Максим Васильев]

внезапно:
habrahabr.ru/company/bankrot-pro/blog/230441

Comments

[DoubleWish]

Решение однозначно принадлежит вам! Забыл написать сюда, огромное спасибо!!!

Answer 2

[LiVsI]

асинхронная загрузка - она в общем то такая асинхронная... То есть если вы сразу качаете и то и другое - то последовательность непредсказуема, зависит от объема скачиваемого. Если вам сначала требуется загрузить одно, а потом другое - в коде вставьте пометку (типа борщ скачал, можно скачивать картошку :) и скачивать второе только после появления этой метки

Comments

[DoubleWish]

Решение звучит идеально, этого и хочу ;)) А не подскажите, что за метка и как её реализовать?

[Максим Васильев]

метка не нужна.
нужен $.Deferred

[DoubleWish]

@qmax спасибо за подсказку, но что-то почитал, так и не понял, как применить его к картинке, а затем отправить на обработку плагинов

[Максим Васильев]

грубо говоря:

var foo_loaded = new $.Deferred();

$.ajax(...загрузка foo...) .done(function() { ...обработка foo, инициализация, итп...; foo_loaded.resolve(); })

foo_loaded .done(function() { ...действия, когда foo уже загружено, инициализировано итп... });

Answer 3

[Всеволод Родионов]

вообще так не надо делать, потому что загрузка медленнее становится
Но в принципе есть image.onload. Можете исходить из этого

Comments

[LiVsI]

можно не на скачивание а на отображение метку ставить. То есть скачиваем все скопом, а отображаем по очереди

[DoubleWish]

Да там проблема в том, что плагин, который загружается, содержит картинки на 1,5 мб, на плохой скорости видно, как главная "ждет" прогрузки плагина этого((

[DoubleWish]

* - главная (имеется ввиду главная с картинкой)

Answer 4

[Александр Таратин]

Сохраняйте все картинки как progressive jpeg. Время загрузки увеличится, но пользователю будет казаться обратное.

Comments

[DoubleWish]

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