Как реализовать аналог lazyload отложенной загрузки контента на jquery?

Question

[Андрей Андреев]

Как реализовать аналог lazyload отложенной загрузки контента на jquery?
Суть идеи: Есть лендинг - длинный, с кучей картинок. Грузится довольно долго. Есть идея сделать что-то вроде lazyload, только чтобы контент загружался не при скролле, а просто последовательно. Сначала бы загружался первый экран, а затем все остальное. Таким образом скорость загрузки фактическая не вырастит, но пользователь сможет увидеть контент первого экрана значительно быстрее.

Я думаю эта тема будет актуальна ведь сейчас куда не кликни - на лендинг попадешь))

вот ссылка на статью по теме:
habrahabr.ru/post/87083

Answer 1

[Денис Инешин]

Смысла нет вообще. Реальный вес страницы дают только картинки, все остальное обычно общее.

Comments

[Андрей Андреев]

Lazy Load Plugin for jQuery для картинок

Answer 2

[IceJOKER]

Первое, что пришло в голову - разделить код на несколько кусков - 2.html, 3.html(либо 1 php файл) и создать функцию, которая будет рекурсивно загружать все блоки, т.е. изначально на странице уже загружен 1й кусок разметки и ajax-ом запрашиваем 2й, после загрузки запрашиваем 3й и так далее.

var pieces_count = 4;
function orderedLoad(count){
  if(count > pieces_count) return;
  $.get(count + '.html', function(data){
     //проверяем и вставляем data
    orderedLoad(++count);
  });
}

orderedLoad(2); //со второго начинаем, т.к. 1й(основной) кусок лучше сразу же отобразить