Comprimir archivos con htaccess

Actualizado el domingo, 19 junio, 2016

Habilitaremos la compresión de estilos CSS y la de imágenes haciendo uso del fichero .htaccess. Los beneficios que vamos a obtener de esto son:

  1. Menor peso de nuestros estilos
  2. Menor peso de nuestros javascripts.
  3. Menor peso de de nuestras páginas web.

El tiempo de carga de nuestra web sera mas rápida, los usuarios se sentirán más cómodos y los buscadores aumentaran nuestra valia, hace tiempo que google anunció su voluntad de añadir la velocidad de carga entre los cientos de parámetros que afectan a la posición de los resultados de búsqueda.

.htaccess para comprimir estilos

<Files *.css>
SetOutputFilter DEFLATE
</Files>

.htaccess para comprimir javascript
<Files *.js>
SetOutputFilter DEFLATE
</Files>

Ejemplo que comprime css,xml,javascript,x-javascript, etc…
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml

Donde DEFLATE podríamos usar GZIP, cualquiera de ellos seria valido. Pero Deflate es bastante rápido y compatible con más versiones de navegadores antiguos.
Comprimir con GZIP (Debemos tener instalado gzip en Apache)
<IfModule mod_gzip.c>
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/.*
</IfModule>

 

Agregar comentario