Как выводят пустые блоки до загрузки страницы?

Question

[DocTypeMaster]

Друзья, стал наблюдать на многих сайтах что до полной загрузки страницы, выводится пустые ( серые ) блоки которые после полной загрузки заменяются ( или заполняются ) контентом.

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

Как это реализовать примерно я понимаю, вопрос мой состоит в том что может эта технология как-то называется и есть какая-то инфа о том как это правильно делать, надеюсь что есть знатоки ))) заранее спасибо

Comments

[Rustam Bainazarov]

Skeleton screens, skeleton loading. Есть целые готовые решения и т. п.

Answer 1

[Арсений Матыцин]

Skeleton loading, как популярное решение. В среднем каждый опытный разработчик имеет при себе какой-то минимальный набор таких плюшек под lazy loading. Я время от времени генерирую на svg элементах.

Answer 2

[Steppp]

html lazy load - гугли)