Comprime tus css de 100% bajalos a 27%

Csszip

Bajalo desde aqui:

http://76.164.236.73/~wwwtupo/csszip.zip

Hice este script, por que esta técnica la vengo utilizando desde hace tiempos, lo que hago es usar la librería zlib de php para comprimir el código, en el post de mañana explicare bien el método, por ahora los dejo con el script.

Léame

Bienvenido a CSSZIP

Este script es muy básico, en el cual mezclamos MODREWRITE y la librería ZLIB de php
Lo único que necesitas como requisito, es tener:

1)Php
2)La librería ZLIB
3)El MODREWRITE activado

El script comprueba si existe la librería zlib, en el caso de que no exista, no genera error,
simplemente no comprimirá nada.

Lo primero es copiar el contenido de el archivo .ZIP en la carpeta donde van los css.
son 2 archivos, uno llamado motor.php, y el otro es .htaccess y listo!, el zlib estara
funcionando.

Después de haber copiado los dos archivos en la carpeta de los .css el mismo script se
activa solo y cada vez que soliciten el archivo .css, el script lo comprimirá. vamos a ver
un ejemplo:

Tengo el archivo “ejemplo.css”, que viene incluido en la carpeta del CSSZIP, sin comprimir el
archivo pesa 11.28 Kb, y después de insertar los dos archivos en la carpeta queda pesando: 3.06 Kb

Antes de comprimir con Csszip

Despues de comprimirlo con Csszip

Dudas y comentarios a:
andreslara501@hotmail.com
http://twitter.com/andreslara501
https://donestandares.wordpress.com

Bajalo desde aqui:

http://andreslara.info/proyectos/csszip/csszip.zip

Pruebalo y me dices!!!!!

Anuncios
Acerca de

Programador, usuario Linux e hincha de Millonarios de Colombia

Tagged with: , , , , , , , , , , , , , , , ,
Publicado en General
3 comments on “Comprime tus css de 100% bajalos a 27%
  1. dario dice:

    hola, gracias por todos los artículos que publicas, son todos muy interesantes.

    Respecto a éste en particular, tengo una consulta. No queda muy claro el objetivo de comprimir el css, imagino que es para ahorrar ancho de banda al enviarlo al cliente, si es así entonces hay un problema que es que se pierde la función de cacheado de los .css que tienen todos los navegadores hoy en día activada por defecto.

    En el caso del ejemplo tendría sentido enviarlo si tu sitio sólo consta de una pagina, ya que si son muchas o el usuario salta de una a otra y se tiene que reenviar el css mas de tres veces (4 veces x 3kb = 12kb) ya estarías consumiendo más ancho de banda.

    probablemente lo mio sea todo un delirio, por eso a ver si me lo podías aclarar..

    Un saludo!!

    • donestandares dice:

      Bueno, lo primero es que cuando comprimis el css pues logico ahorras mucho ancho de banda, pero entonces con el mod-rewrite le dice al navegador como si fuera un archivo css, lo que te genera un cache… vez… osea en pocas palabras el mod-rewrite engaña al navegador.

      con todo esto se ahorra un gran porcentaje de ancho de banda para el uysuario y para tu servidor, ya que el gzip te comprime y el navegador te descomprime ese archivo css, logrando asi menos carga. tampoco es para abusar en el archivo css, por que si pesa mucho tampoco sirve de nada.

      Chau!

  2. angelmunoz dice:

    Capo los enlaces estan muertos los puedes resubir?

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Sígueme en Twitter
Categorías
Flickr Photos
¡Apareció Linux!

Mirando de lado

Café

Más fotos
A %d blogueros les gusta esto: