Performance

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

Sitios con CSS de 200KB+ que bloquea el render pueden bajar FCP de 3s a 0.8s implementando critical CSS correcto. Astro lo hace automáticamente cuando inlineStylesheets está habilitado.

¿Necesitas aplicar Critical CSS en tu sitio?

Implementamos esto y todo lo relacionado en proyectos reales para empresas chilenas.