Critical CSS
CSS mínimo necesario para renderizar el contenido visible above-the-fold, inlineado directamente en el HTML.
Definición técnica
Critical CSS es el subset de CSS necesario para renderizar la primera vista del usuario sin esperar la descarga del CSS completo. Se inlinea directamente en el head como estilo, mientras el resto del CSS se carga async. Reduce significativamente el First Contentful Paint.
Por qué importa
Cuando el CSS bloquea el render, la página queda en blanco hasta descargarlo completo. En Astro, la opción inlineStylesheets mete en el HTML las hojas pequeñas, lo que evita esa espera en muchos casos.