Что делать, когда CSS блокирует парсинг страницы?

[Finesse]

Тем временем PageSpeed Insights рекомендует подход с preload, ссылаясь на https://web.dev/defer-non-critical-css/

[werwolflg]

И при этом, порой, когда начинаешь использовать preload, он начинает показывать ниже оценки.

[Akdmeh]

Часто встречаю «Встраивайте критически важные стили в страницу». А что понимать под «критически важными» и как их отделить от менее важных в том же фреймворке Twitter Bootstrap, к примеру?
Возможно, кто-то посоветует статью на эту тему?

[Finesse]

Тот же PageInsight ссылается на https://web.dev/render-blocking-resources/

Bootstrap можно поделить, взяв его исходный код и импортировав только нужные файлы (сетка, кнопки, типография и т.п.) с помощью препроцессора (Sass, Stylus и т.п.) или простого объединения файлов.

[BlackStar1991]

А что мешает подключать «неважный» CSS не из тега head а где-то ближе к закрывающемуся тегу /body? Дабы дать нормально отрендерить HTML. Вроде же раз тебе данный css сейчас не нужен, так и вызывай его «ленивую» загрузку потом, может даже и после загрузки скриптов