Comprimir CSS al vuelo con PHP

  • May
  • 15

3 comentarios! 118 palabras - 1 hits

Sencilla técnica que nos permite ahorrar unos kb de ancho de banda en nuestros ficheros css

Leyendo esta entrada en mundogeek, recuerdo que hace poco aprendi una técnica para comprimir ficheros css al enviarlos al navegador del cliente.

Dicha técnica se basa en hacer que el servidor local haga que los ficheros con extension css pasen por el parseador php antes de ser enviados, realmente es de los más sencillo a la hora de implementar, basta con añadir un fichero .htaccess dentro del directorio que contiene nuestros ficheros css, conteniendo las siguientes directivas.

  1.  
  2.     AddHandler application/x-httpd-php .css
  3.     php_flag zlib.output_compression On
  4.  

Lamentablemente, no recuerdo la url de la que saque el truco, pero tan pronto como la recuerde, la añadire a esta entrada para dar credito a sus creadores.

3 comentarios

  • Abr
  • 04

# Escrito por victor hace 3 años, 3 meses

ola nosotros hemos conseguido comprimir los .css y .html al vuelo XD pero lo ke no conseguimos es comprimir las imagenes de .jpeg. si pudieras ayudarnos,o decirnos donde podemos encontar mas informacion seria de mucha ayuda!!! gracias pasaros por la web para visitar el proyecto es muy interesante!!!


  • Nov
  • 23

# Escrito por Ramon hace 1 año, 8 meses

Hi!


  • Ene
  • 13

# Escrito por HaCk CrAcK hace 1 año, 6 meses

Hola, solo hay que poner al final del css: php_flag zlib.output_compression On y listo?

Por ejem tengo:

algo {

with:200px; } php_flag zlib.output_compression On

Asi seria? o estoy equivocado?


Escribe tu comentario

Puedes utilizar este formulario para escribir tu opinion sobre esta entrada, no existe ningun tipo de limitacion a la hora de enviar opiniones, tan solo sigue unas reglas basicas de cortesia y todos estaremos mas contentos.

Puedes identificarte utilizando OpenID, solo tienes que introducir tu URL OpenID en el siguiente campo y pulsar el boton de validar.





Instrucciones para los comentarios

El simbolo * indica que se trata de un campo obligatorio.

Este sitio usa Markdown junto con Smartypants para educar los textos, tambien esta disponible para los comentarios.

A continuación os muestro algunas de las equivalencias:

  • [enlace de ejemplo](http://example.com/) resulta enlace de ejemplo.
  • **Texto en Negrita**
  • _Italica_
  • > blockquote
  • > > nested blockquote
  • * Esto es un elemento de una lista desordenada (ul)
  • 1. Esto es un elemento de una lista ordenada (ol)

MC Puedes seguir las respuestas a tus comentarios con MyComments.