Прототип или базовая разметка перед загрузкой контента

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

P.S. В прикреп. файлике скрин при открытии моб. версии ОК.
Сначала (моментально) открывается и показывается как бы прототип, а потом уже как все прогрузилось появляется контент/графика на своих местах.
Кто что знает/думает по этому поводу?
Попытался гуглить но ничего не нашел... видимо не правильный поисковый запрос делаю и не в ту сторону копаю...

По моему никакой сверх технологии тут нет. фотка плавно появляется (opacity), так же и текст. либо это может быть верхний слой, который закрывает контент (так как видно, что он шаблонный, первый и второй идентичны) и потом исчезает. Можно сделать чтоб полоски строк соответствовали строкам реальным: завернуть текст в <span>, задать background в тон шрифта и потом его увести фон плавно в белый.  

Чё-то типа прелоадера получается?

Интересная штука. Не видел раньше  

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

Суть в том что сначала посетителю отдается html + минимальный css в итоге он видит (моментально) что то типа прототипа... а когда все (нужное) прогрузилось показывается уже в конечном виде... без прогрузок/догрузок.

Как найду поделюсь и тут

P.S. Подобная техника есть (точно использовалась ранее) так же на ютубе.
Будем время покопаюсь в коде и еще погуглю в эту сторону! 
P.P.S. Инструмент от Google PageSpeed Insights одобряет такой подход!

Vakarchuk,  "...а когда все (нужное) прогрузилось показывается уже в конечном виде... без прогрузок/догрузок..."

А разве вышеописанный процесс не является той самой подгрузкой\догрузкой? 

Вообще никто не мешает сделать какую угодно систему загрузки. Была бы фантазия и смысл в принятом решении.