Как сделать placeholder/preloader контент-блоков при загрузке страницы?

Question

[Владислав Зеленюк]

Здравствуйте.
Меня интересует как реализовать (мысли есть, но хочется просто узнать: как это называется вообще и как обычно с ним работают) прелоадер на сайте. Чтобы при загрузке контента отображались некие блоки с белым цветом. Объяснить сложно если честно) К примеру как на YouTube. Если кто работает в фигме то при стартовом экране тоже видно его. Спасибо!

Answer 1

[bkosun]

Это называется "Skeleton loading" или "Skeleton screens".

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

Так называемые "скелеты" реализуют при помощи CSS.

Answer 2

[xmoonlight]

https://github.com/zalog/placeholder-loading

Answer 3

[profesor08]

N блоков болванок, с базовыми стилями. Пока ты на них смотришь, в фоне подгружается контент и основные стили, скрипты и тд. Потом все подменяется.