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

Question

[Kadzi]

Как это называется?

Например, слабый инет, человек заходит на сайт, и уже видит расположение блоков (фотка с новостного сайта):



Дизайнер должен верстальщику предоставить в том числе макет загрузки? Когда реально оправдан такой подход? Как это влияет на скорость страницы?

Answer 1

[xmoonlight]

Подход с UI placeholders оправдан тогда, когда контент для готовых контейнерных блоков загружается JS-скриптом после загрузки основной разметки через AJAX в синхронном или асинхронном режимах.
Например, контент загружается через includeHTML.
Так можно сделать холдеры: https://jsfiddle.net/d1pzay6k/

Дополнительно по оптимизации загрузки:
1. Грамотный critical CSS инлайном в коде: создать можно этим
2. jQuery Lazy Load
3. Подготовить плейсхолдеры для UI в SVG можно трейсером: imagetracerjs.