Optimizador CSS
Opciones:
No eliminar saltos de línea (Sí o No)
CSS que puede manejar URL, archivos o texto pegado, etc.
Publicación de lotería
Opciones opcionales: ninguna
CSS limpio
Opciones opcionales (puede elegir Sí o No para cada una):
Reorganizar selectores
Reorganizar atributos
Optimizar selectores y sus propiedades (0, 1 o 2)
Fusionar atributos taquigráficos
Sólo optimización de seguridad
Comprimir color
CompresiónPeso de fuente
Selector de minúsculas
Fuente atribuida (minúscula o mayúscula)
Eliminar barras invertidas innecesarias
¡Convertir! truco importante
Elimine el último punto y coma ";"
guardar notas
Eliminar propiedades no válidas (CSS2.1, CSS2.0 o CSS1.0)
entrada como archivo
Pingates
Opciones opcionales (puede elegir Sí o No para cada una):
Convertir el nombre de color largo a hexadecimal
Convertir código hexadecimal largo a código hexadecimal corto
Convertir código hexadecimal largo en nombre de color
Convertir RGB a hexadecimal
Eliminar 0 métricas
Fusionar la misma regla
Combina el mismo selector
Fusionar propiedades
Eliminar atributos duplicados
Eliminar valores inútiles del margen y el relleno
mostrar estadísticas
Salida en formato de color.
Utilice el tamaño mínimo para la salida
PHP experto
Opciones opcionales: ninguna
sietecuarenta
Opciones:
Opciones de truncamiento: 500, 1000, 1500 o 2000
Esta herramienta se basa en el compresor YUI, pero eliminará automáticamente los hacks de IE . La explicación dada por el desarrollador es que los hacks de IE deberían aparecer en un solo archivo, en lugar de estar mezclados en el archivo CSS principal, lo que resultará difícil de mantener.
Columna de página
Opcional: Ninguno
Herramientas de compresión CSS de escritorio recomendadas
Compresor YUI y compresor TB
YUI Compressor es una herramienta de compresión de código de front-end desarrollada por el equipo de front-end de Yahoo y es muy poderosa. Se requiere un entorno de ejecución de Java. Puede usar el comando java para comprimir manualmente archivos CSS y JS, o puede usar ant para comprimirlos en lotes durante la compilación .
Yu Bo, del equipo front-end de Taobao, utiliza la herramienta de compresión de la plataforma Windows empaquetada por el compresor YUI, que es muy fácil de instalar y desinstalar. Al igual que el potente compresor YUI, TBCompressor no sólo puede comprimir CSS, sino también JS.
Descárgalo aquí. Obtenga más información sobre TBCompressor: herramienta de compresión JS y CSS
Además, se recomienda leer "Mejora del proceso de compresión de archivos CSS mediante TBCompressor" de Qu Chao.
Herramientas de optimización de recursos web 2.0.
Una herramienta de escritorio desarrollada por chinos que utilizan Delphi 7 también puede comprimir CSS y JS. Lo recomiendo. También vale la pena mencionar que el autor publicó el código fuente del proyecto.
fusionarCSS
Una herramienta basada en AIR producida por CSS Forest Webmaster Gui Ge, que tiene muchas funciones útiles, como fusionar varios archivos, fusionar archivos importados @import, etc. Ver introducción detallada.
Cabe señalar que el soporte de la herramienta para abreviaturas y combinación de atributos no es muy bueno. Podría ser mejor si se pudieran agregar estos soportes.
Otra cosa muy importante es que hasta el momento Gui Ge no ha lanzado esta herramienta . Si quieres probarla, puedes contactarlo.
velocidad de la página
La velocidad de la página es en realidad un complemento de Firefox basado en Firebug desarrollado por Google y se utiliza principalmente para analizar el rendimiento del front-end del sitio web. Pero en la opción Minificar CSS en la lista de resultados del análisis de velocidad de la página, haga clic en ella para ver la relación de compresión de su CSS y más adelante se proporcionará una versión comprimida, en la que puede hacer clic para ver. El único inconveniente es que la compresión no se puede personalizar.
No importa lo feo que sea el sitio web, GZIP es una herramienta realmente útil para comprimir muchos tipos de código. Puede que no sea el método de compresión más simple y puede resultar un poco confuso para los principiantes. Consulte este tutorial para obtener más información sobre el uso de GZIP para comprimir sus estilos.
Resumir
Como dije antes, algunos de estos métodos pueden parecer excesivos o inútiles. La clave es mirar el panorama general. Si bien cualquiera de estas técnicas puede tener un impacto casi insignificante, combinar varias o todas estas técnicas puede tener un gran impacto en el tamaño de sus archivos CSS.