css-purge es una herramienta css que me encanta, esta escrita en Node JS y se encarga de reducir, acortar, comprimir, limpiar, recortar y formatear CSS duplicado, extra, excesivo… eliminando todo el código css que no sea necesario en el archivo css final y reduciendo en unos cuantos kbs.

Alguna de sus características:

  • Elimina declaraciones duplicadas
  • Acortar el valor a 0 (por ejemplo: 0px, 00px, 000em)
  • Acorta los valores de colores hexadecimales, rgb, hsl
  • Acorta los valores de propiedades (font, font-weight, background, margin, padding, list-style, outline, border, border-top, border-right, border-bottom, border-left, border-radius)
  • Elimina comentarios
  • Y muchas más que puedes ver en la web oficial.

Ejemplo de tarea en gulp:

Al final son unos cuantos kbs de ahorro respecto a los compresores típicos.

Más info en la web oficial: https://rbtech.github.io/css-purge/

Agradezco tu comentario 🤘