Comprimir CSS para mejorar el posicionamiento

Hasta hoy no era importante el tiempo de carga en una página web, pero ultimamente se habla mucho en la red de uno de los nuevos factores que ha incluido Google a la hora de posicionar una página web ,el tiempo de carga, si esto es cierto (que realmente pienso que sí o en breve lo será), tendremos que optimizar todas nuestras imágenes y archivos de texto, incluidos las Css.

13 Jun 2010

Hasta hoy no era importante el tiempo de carga en una página web, pero ultimamente se habla mucho en la red de uno de los nuevos factores que ha incluido Google a la hora de posicionar una página web ,el tiempo de carga, si esto es cierto (que realmente pienso que sí o en breve lo será), tendremos que optimizar todas nuestras imágenes y archivos de texto, incluidos las Css.

Está claro que serán una factor importante en nuestros diseños de páginas web , aunque no decisivo, pero puede hacernos avanzar alguna posición, por lo que si estamos en la posición 11 decidirá si aparecemos en la primera página o en la segunda, como siempre estar o no estar.

Si comprimimos un archivo con GZIP conseguiremos una ahorro de carga del 80%, un archivo que pesa 80kb puede llegar a pesar 10kb, con lo que conseguiremos que nuestro servidor tenga menor carga, mayor velocidad de descarga y si nuestro servidor tiene límite de transferencia mensual también conseguiremos un buen ahorro en este concepto. Deberiamos comprimir los archivos CSS, HTML, PHP,JS…

Para poder realizar las compresiones con GZIP es imprescindible que nuestro servidor posea el módulo mod_gzip (APACHE 1.3), sino no podremos realizarlas y deberemos usar alguna herramienta gratuita como puede ser cleancss.

Una vez comprobado que tenemos GZIP activado, tan sólo tendremos que incluir en nuestro archivo .htacces el siguiente código:

      

      mod_gzip_on Yes

      mod_gzip_item_include file \.html$

      mod_gzip_item_include file \.php$

      mod_gzip_item_include file \.css$

      mod_gzip_item_include file \.js$

      mod_gzip_item_include mime ^application/javascript$

      mod_gzip_item_include mime ^application/x-javascript$

      mod_gzip_item_include mime ^text/.*

      mod_gzip_item_include handler ^application/x-httpd-php

      mod_gzip_item_exclude mime ^image/.*

      

Con apache 2.X el proceso se realizaría con el siguiente código:

# BEGIN GZIP

AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript

# END GZIP

Para comprobar en cuanto quedaría nuestra web comprimida podéis usar la siguiente herrmaienta: compresión

Y esta para comprobar si está funcionando, otra.

Deja un comentario

2 comentarios
  1. El problema del GZip con PHP es que sugiere un proceso adicional del procesador del servidor por cada vez que se carga una página. Yo prefiero comprimir el CSS de una vez y subirlo al servidor y no tener que comprimirlo por cada página visitada.

    Buen día.

  2. Entonces invertimos en servidor no?