Herramientas de compresión para archivos CSS

¿Qué tan rápido de una página web se carga, no sólo es un factor importante en el diseño web se ha convertido desde el Google ha anunciado en cuenta en el futuro como un factor de clasificación.

Lo ideal sería que las páginas web consiste en varios archivos (X), archivo HTML, el archivo CSS puede partir de los archivos JavaScript, etc.

Todos estos datos se cargan cuando se abre la página Web en un navegador y por tanto, tienen influencia en la velocidad de carga.

Incluso con los archivos de archivos CSS y JavaScript, es posible optimizar algunas de la velocidad de carga en el que sólo tiene que guardar los archivos comprimidos.

Hoy os presento una herramienta en línea para la compresión de los archivos CSS antes.

Común código CSS durante la fase de desarrollo

Durante el desarrollo es adecuado para estructurar el código CSS tiene sentido y las características individuales de una línea en el archivo CSS para escribir. CSS es sólo a los recién llegados a su favor para realizar un seguimiento de las tareas.

Un ejemplo:

 body {
 background-color: # ccc;
 color: # 000000;
 font-size: 12px;
 font-weight: bold;
 }
 h1 {
 color: # CC0000;
 font-size: 30px;

 }

Dicho código es, por supuesto, muy fácil de leer, en el otro lado, pero también muy "hablador" - cada línea de los costos de almacenamiento físico y así cobrar más adelante construir el sitio web.

El comprimido de código CSS

En un código comprimido CSS en primer lugar, las líneas del archivo CSS se "reunido" y las observaciones se quitan.

Para el ejemplo anterior se ve así:

Esto corresponde a una reducción en el tamaño del archivo por alrededor del 22%.

Mi ejemplo es ahora muy pequeña - que se puede imaginar que sería muy útil para grandes archivos de CSS puede comprimir los archivos y así acelerar el tiempo de carga del sitio.

El optimizador de CSS y formateador de CLEANCSS.com

¿Quién no desea ejecutar la compresión a mano, que son un gran número de compresores de CSS están disponibles en línea para asumir esta tarea por usted.

La mayoría de estas herramientas se basan en CSSTidy - un analizador de fuente CSS abierto que tiene una serie de funciones de compresión.

La herramienta en línea CLEANCSS.com todas estas funciones han sido consideradas.

Usted puede utilizar esta línea de CSS Shrinker, los datos de CSS en el campo de la intención de copiar o descargar desde una URL y seleccionar una variedad de opciones de compresión.

El resultado se puede visualizar en la pantalla o escribir en un archivo.

Déle un intento - comprime bien vale la pena.

Es el tiempo lento se está hpvorlagen24.de veces - Suspiro ...

Enlace Relacionado:

Un hermoso surtido de otras herramientas de compresión de CSS se encuentra en mostinspired.com titulado " CSS en línea de herramientas de compresión para optimizar las hojas de estilo apareció. "

En este artículo vamos a presentar 16 de estos compresores.