Cómo mejorar el rendimiento de CSS

No hay duda de que CSS juega un papel muy importante en el rendimiento web. Milica Mihajlija explica exactamente por qué:

Cuando hay CSS disponible para una página, ya sea en línea o una hoja de estilo externa, el navegador retrasa la representación hasta que se analiza el CSS . Esto se debe a que las páginas sin CSS suelen quedar inutilizables.

El navegador tiene que esperar hasta que se descargue y analice el CSS para mostrarnos la primera representación de la página; de lo contrario, navegar por la web sería terriblemente entrecortado visualmente. Probablemente escribiríamos JavaScript para retrasar la representación de la página a propósito si así fuera como funcionara la web nativa.

Entonces, ¿cómo se mejora? Los clásicos como el almacenamiento en caché, la minificación y la compresión ayudan. Pero también, enviar menos cantidad y cargar solo la parte que necesitas y el resto después del primer renderizado.

Se trata enteramente de cómo y cuánto CSS cargas, y tiene muy poco que ver con el contenido del CSS.