Minificar el CSS —eliminar espacios en blanco y comentarios— se ha convertido en un paso habitual en los flujos de trabajo de desarrollo web, pero rara vez aporta un beneficio perceptible. Este artículo analiza con datos si esa práctica tiene sentido en 2023.
En primer lugar, el tamaño importa menos de lo que parece. Según datos de CSS-Tricks, comprimir con gzip el CSS de Bootstrap lo reduce de 147 KB a 22 KB; minificarlo antes de comprimir apenas añade 2 KB más de ahorro. Esa diferencia es despreciable frente al peso total de una página web (1,80 MB en el ejemplo citado).
En segundo lugar, el coste de procesado del navegador también es mínimo. El autor construyó una herramienta que genera hojas de estilos aleatorias de 1.000, 10.000 y 100.000 bloques de declaración, con y sin espacios. Los resultados en escritorio y móvil muestran diferencias de 9 a 10 ms en hojas de 10.000 bloques y de 95 a 105 ms en 100.000 bloques; con 1.000 bloques —un tamaño realista— la diferencia era indetectable. Pruebas complementarias con WebPageTest en un dispositivo de bajas prestaciones y conexión lenta arrojaron una diferencia máxima de 54 ms.
La conclusión es que minificar CSS solo ofusca el código sin aportar mejoras significativas. Salvo en sitios con ingresos dependientes de cada milisegundo, gzip o Brotli ofrecen una compresión más que suficiente y, además, permiten mantener el CSS legible para quienes quieran aprender inspeccionando el código fuente.