Как верстать с отрисовкой?

Question

[Anonimmus]

Здравствуйте товарищи. Недавно клиент запросил отрисовку страницы как в вконтакте.

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

И только немного времени спустя эти блоки начинают заполняться контентом.
Тут я подумал что один стиль должен содержаться в шапке сайта и еще один детализированный после футера. Практически вышло но не выделение существующего текста.
Как вы считаете такое используется? Или клиент изголяется

Comments

[Владислав Лысков]

Это называется skeleton loader

[Александр Васильев]

Добрый день.
Пусть клиент предоставит Вам макет. Дизайнер в это макете пусть покажет динамику. Вы, посмотрев на все это, сообщите клиенту стоимость Ваших работ.

[Ankhena]

https://css-tricks.com/building-skeleton-screens-c... и т.д.

Answer 1

[wadowad]

ВКонтакте это сделано потому, что данные приходят не сразу, а загружаются постепенно. И чтобы визуально не было задержки, вешается сначала "скелет" блока, а потом он по мере поступления данных заполняется и отрисовывается. В Вашем случае скорее всего страницы сайта генерируются сразу полностью (или вообще статические), и нет никакого смысла делать подобное поведение. Если только клиент не видит в этом некую этическую ценность. Тогда проще всего реализовать это точно так же, как делаются все визуальные эффекты, наподобие анимации в тех же лендингах по мере прокрутки. Вариантов реализации последнего море.

Comments

[Anonimmus]

Страницы забиты постерами в высоком качестве и слайдерами. Получилось что одна страница с презентациями весит (в оптимизоранном состоянии) 7 мб.
Конечно же во время загрузки пока элементы отрисуются проходит секунд 10-15. Изнчально стоял прелоадер но не зашло так как прогресс загрузки хоть и виден но как выразился клиент "будто ждешь загрузку флеш игры".
Затем предложил вариант с ассинхронной загрузкой. Клиент думал думал и захотел как в вк скелетон, сказав что отвалит коль реализую такое.

[Anonimmus]

Страницы забиты постерами в высоком качестве и слайдерами. Получилось что одна страница с презентациями весит (в оптимизоранном состоянии) 7 мб.
Конечно же во время загрузки пока элементы отрисуются проходит секунд 10-15. Изнчально стоял прелоадер но не зашло так как прогресс загрузки хоть и виден но как выразился клиент "будто ждешь загрузку флеш игры".
Затем предложил вариант с ассинхронной загрузкой. Клиент думал думал и захотел как в вк скелетон, сказав что отвалит коль реализую такое.
Теперь то я понял в какую сторону копать, благодаря Вам коллегам.