🧠 Не используй <head>! Я провёл много исследований...

🧠 Не используй <head>!

Я провёл много исследований, посвящённых тегам <head> и их оптимальному порядку для обеспечения быстрой загрузки (fast experiences), пишет Гарри Робертс.

И один из не самых очевидных выводов: иногда для лучшей производительности полный отказ от <head> — это более предпочтительный вариант.

Есть JS с атрибутом defer?

Он всё равно не выполнится до события domInteractive (фактически, после парсинга всего HTML до </html>), так что нет смысла объявлять его слишком рано — помести его перед закрывающим тегом </body>.

preload для шрифтов?

Не допускай, чтобы они конкурировали за пропускную способность на столь раннем этапе жизненного цикла загрузки страницы — помести их перед закрывающим тегом </body>.

Критический CSS?

Не утруждай себя хаком media=print для некритических стилей — помести их перед закрывающим тегом </body>.

Закрывающий тег </body> — это готовый и простой способ избавить <head> от некритических ресурсов.

Используй его!

Риск?

Загрузка, к примеру, Google Fonts таким образом действительно повышает вероятность FOUT (Flash Of Unstyled Text — мелькание нестилизованного текста).

Убедись, что также используешь font-display: optional; для защиты от этого.

Амбициозная цель?

Можно вообще не утруждаться написанием тегов <head>…</head> или <body>…</body> — они не обязательны!

@MikeBlazerX