Как выделить блок в приоритет при рендере?

Question

[alex4answ]

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

Как такое возможно сделать ?
Пока в голове только 1 вариант:
Легкая версия страницы - где только форма, после полной загрузки страницы - рендер полной версии страницы.

В правильном ли направлении я мыслю?
Есть еще варианты?

Comments

[Rsa97]

IMHO, если форма в начале страницы, то будет неудобно просматривать товары, каждый раз надо будет пролистывать форму.
Если форма в конце страницы, то будет неудобно сразу её заполнять, она будет уезжать вниз при добавлении информации на страницу.

[alex4answ]

Rsa97, Да, я понимаю, но если абстрагироваться от именно этого примера, взять например статью на вики - чтобы первым рендерилось "определение", а затем все остальное.

[Алексей]

Как вариант можно скрыть ненужные блоки через display: none по дефолту, а на window.onload показывать. Но это не сильно быстрее будет, т.к. контент все равно будет парситься по сути, просто не будут применяться стили css. Самый быстрый способ это не включать изначально ненужный контент вообще, а подгружать после загрузки страницы с сервера отдельным запросом.