Сеня рядом и Белла пришел. Былое
Быстрая загрузка сайта: создаём скелетный экран
Иногда сайт или приложение загружаются с такой скоростью, что белый экран монитора и “вечное” ожидание прогрузки способны вывести из состояния равновесия кого угодно. Причин у этого может быть множество, но основные две: Чтобы не вызывать у посетителя негативные эмоции о ресурсе, дизайнеры и разработчики пошли на ухищрение - создали скелетный экран загрузки. Скелетная загрузка - это появление на экране плейсхолдеров нейтрального цвета, чаще всего светло-серого, на месте которого, по завершению загрузки появится контент...
Скелетные экраны загрузки
Если вы когда-нибудь открывали Google Docs или мобильную версию Фейсбука, то видели, что сначала вместо контента отображаются серые полосы и круги. Такой паттерн называется “скелетный экран” (skeleton screen). Это один из способов отобразить загрузку страницы и уменьшить субъективное время ожидания у пользователей, то есть создать впечатление, что страница загрузилась быстрее, чем это было самом деле. Также для этой цели можно использовать, например, прогресс-бары и крутящиеся индикаторы загрузки (спиннеры)...