Что такое Critical CSS?
- CSS, необходимый для рендеринга above-the-fold контента
- Inline в
<head>для мгновенного First Paint - Остальной CSS загружается асинхронно:
<link rel="preload" as="style"> - Инструменты: critical, penthouse, critters (webpack plugin)
- Автоматизация: critters в Next.js, Nuxt