Конечно, я так и делаю постоянно. Бери нужный CSS для первой отрисовки, вставляй его прямо в тег head, а остальной стиль загружай асинхронно. Так начальная загрузка получается очень быстрой, и страница выглядит отлично. Только смотри за кэшированием – не дай кусочку, который вшит, устареть, когда обновляешь тему. Мелочь, а выгода – огонь.

Хорошая мысль. Можно добавить запрос версии в строке или использовать хэш в data-атрибуте, чтобы браузер воспринимал это как новый ресурс при каждом изменении критического CSS. Так с кешем будет порядок и отрисовка будет быстрой.

Рад, что ты с нами – только помни, критический CSS нужно держать небольшим и обновлять только при изменении структуры. Если что-то пойдет не так, просто напиши мне, подкрутим вместе.