Поделитесь опытом организации загрузки "тяжелых сайтов".
Имеется страница с большим количеством графики, то есть суммарно страница весит порядка 7Мб.
Графика не может грузится отдельно, то есть сайт выглядит так как надо, когда полностью загружена вся графика. Дизайн "этажный", логически делится на этажи.
Есть 2 варианта:
1. Грузить всю страницу целиком с программным прогессбаром, посетитель наблюдает за бегущей полоской загрузки и процентажем.
2. Грузить страницу с помощью ajax этаж за этажом, посетитель сразу видит шапку сайта, навигацию и дожидается загрузки остальных этажей.
Я тут ниже описывал более подробно о странице:
Сайт "этажный", и к тому же тянется на всю допустимую ширину.
У меня 7 этажей. Каждый этаж, высотой чуть меньше экрана, шириной во весь экран. Из них 2 этажа это слайдеры, то есть в них еще по 3-4 таких же больших фотографий. (да, такой вот дизайн)
При максимально допустимом сжатии jpg без ощутимой потери в качестве, изображения весят от 300 до 600кб. Таким образом и набирается 7Мб графики, это примерная цифра и суть несколько не в ней.
Изображения встраиваются через тег img, потому никаких спрайтов с этими изображениями быть не может, все что можно было запихнуть в спрайты. я запихнул, и лишних запросов у меня практически нет.
.