Skip to main content

¿Qué es un compresor CSS?

La programación de hojas de estilo en cascada (CSS) permite a los propietarios de sitios web hacer diseños y establecer colores, y un compresor CSS es un programa que reduce esta codificación. Cuando la mayoría de las personas crea un archivo CSS, escriben más palabras o caracteres de los que realmente se necesitan, y un compresor CSS elimina estos caracteres innecesarios. Los creadores a veces agregan comentarios al CSS, y el compresor normalmente los eliminará o acortará. La mayoría de los compresores tienen un nivel de comprensión que los usuarios pueden seleccionar, y esto determinará qué tan fácil es para una persona leer el CSS. Al limitar la cantidad de caracteres en el código CSS, los propietarios de sitios web pueden notar una mejor carga y menos uso de ancho de banda.

Cuando las personas codifican manualmente su CSS, normalmente agregan más caracteres de los realmente necesarios. Por ejemplo, cuando las personas especifican el relleno en CSS, pueden agregar cuatro líneas para el relleno en cada lado, pero realmente solo se necesita una línea. Un compresor CSS toma tales instancias y reduce el CSS a la menor cantidad posible.

Algunas personas colocan comentarios en su CSS. Estos comentarios pueden ser solo por diversión, o pueden ser de gran importancia para los propietarios de sitios web. Independientemente de por qué se colocan en CSS, requieren más codificación y, a pesar de que los visitantes no ven los comentarios, el sitio web tardará más en cargarse. Cuando se usa un compresor CSS, eliminará por completo dichos comentarios o, si los usuarios lo solicitan, el compresor puede mantener una parte (o varios caracteres) de los comentarios.

Cuando se trata de optimizar CSS para la velocidad, se debe hacer como un bloque grande que use abreviaturas CSS y limite la codificación a la cantidad mínima de caracteres necesarios. Al mismo tiempo, esto es muy difícil de leer para las personas y puede dificultar las ediciones. Esto lleva a la mayoría de los programas de compresión CSS a tener un nivel de compresión, y puede ofrecer cierto margen de maniobra para que la gente pueda leer la codificación con facilidad.

Lo único que hace un compresor CSS es quitar letras y números, y el archivo CSS en sí mismo generalmente arrojará solo una pequeña cantidad de peso digital. Al mismo tiempo, los sitios web deben ser ligeros, y cargar un pequeño archivo CSS miles de veces al mes puede consumir ancho de banda. Al comprimir el archivo, la mayoría de los propietarios de sitios web verán que su sitio web se carga más rápido, y el uso de ancho de banda generalmente disminuirá.