Minificar CSS

En este artículo, quiero hablar sobre qué es la minificación del código HTML y CSS, para qué sirve y cómo lograrlo. Estructurar el código en bloques, líneas, etc. es necesario para la conveniencia de la legibilidad humana. Percibimos tales bloques como un todo, vemos dónde se abre la etiqueta, dónde se cierra. Para los navegadores esto no es necesario, leen el código secuencialmente, y los saltos de línea, espacios y comentarios innecesarios en el texto solo dificultan la lectura y aumentan el tiempo de carga de la página. Así, existen dos motivos principales para la necesidad de minificar el código: Reducir el tamaño (peso) de la página y, como consecuencia, aumentar la velocidad de su carga. La segunda razón se deriva de la primera. Esta es una mejora en los factores conductuales. Si el sitio se carga más rápido, entonces hay una tasa de rebote más baja, un crecimiento del tráfico, un aumento en los resultados de búsqueda, etc.

Actualmente, existe una gran cantidad de herramientas web para optimizar archivos CSS. La mayoría tiene su propio algoritmo de trabajo (hay, por supuesto, duplicados). La eficacia de los programas en sí también es significativamente diferente. Además, algunos optimizadores pueden romper el código CSS, después de lo cual los estilos dejan de ser válidos. La minificación de archivos CSS (que no debe confundirse con la compresión CSS) implica eliminar cualquier carácter innecesario del archivo para reducir su tamaño y acelerar así la carga. Minificar y comprimir archivos CSS no es lo mismo. Sin embargo, ambos métodos están diseñados para reducir los tiempos de carga. La diferencia radica en cómo funcionan. La compresión se utiliza para reducir el tamaño del archivo mediante algoritmos de compresión como Gzip o brotli. Los archivos se comprimen antes de enviarse al cliente.