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:
- Menor peso de nuestros estilos
- Menor peso de nuestros javascripts.
- 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
|
1 2 3 |
<Files *.css> SetOutputFilter DEFLATE </Files> |
.htaccess para comprimir javascript
|
1 2 3 |
<Files *.js> SetOutputFilter DEFLATE </Files> |
Ejemplo que comprime css,xml,javascript,x-javascript, etc…
|
1 2 3 4 5 6 7 |
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)
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<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> |