Compresión de archivos con Mod_deflate servidor apache

| Publicado por
#SEO optimizacion web

En este primer consejo para adoptar buenas prácticas para optimizar tu página web nos vamos a enfocar en la compresión de recursos desde el servidor.

Vamos a crear un archivo .htaccess con el cual podemos acceder a la configuración de parámetros de un servidor Linux en el proveedor de hosting Go Daddy, ya que es uno de los más populares.

Ques es un Archivo .htaccess ?

El uso de archivos .htaccess le permite controlar el comportamiento de su sitio web o un directorio específico en su sitio. Por ejemplo, si coloca un archivo .htaccess en el directorio raíz, que afectará a su sitio entero (www.ejemplo.com). Si lo coloca en un directorio img/, sólo afectará a ese directorio (www.ejemplo.com/img).

El uso de un archivo .htaccess, puede:

  • Personalizar las páginas de error para su sitio.
  • Proteger su sitio con una contraseña.
  • Habilitar server-side includes.
  • Denegar el acceso a su sitio basado en IP.
  • Cambiar tu página de directorio por defecto (index.html).
  • Redirigir a los visitantes a otra página.
  • Prevenir listado de directorios.
  • Añadir tipos MIME.

archivos .htaccess son un simple archivo de texto ASCII con el nombre .htaccess. No es como una extensión .html o .txt. El nombre de archivo completo es .htaccess

Una vez creado el archivo :

Incluimos el tag para verificar si el modo deflate esta presente para llamarlo y configurarlo

<IfModule mod_deflate.c> </IfModule>

Mod_deflate es un módulo de servidor Web Apache instalado por defecto en los servidores de Godaddy.

Moddeflate comprime contenido devuelto de tu cuenta de hosting utilizando el algoritmo de compresión zlib. Sólo debes utilizar moddeflate en texto, como HTML, CSS, JavaScript y XML. Archivos multimedia son por lo general ya comprimidos; utilizando mod_deflate en estos tipos de archivos no tiene ningún efecto y puede resultar en tiempos de carga de página más largos.

La siguiente línea habilita la compresión de archivos por tipo para la siguiente lista de tipos de contenido

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml

Comprimir Javascript y CSS ? agrega esta linea

AddOutputFilter DEFLATE js css

Si estás trabajando con SVG para comprimir agrega estas lineas La primera crea el MIME type para svg y la segunda configura deflate para comprimirlo

AddType image/svg+xml .svg AddOutputFilterByType DEFLATE image/svg+xml

Compresión de tipografías agrega esta linea
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml x-font/otf x-font/ttf x-font/eot

Para evitar ciertos problemas con navegadores antiguos e incompatibilidades agrega estas lineas al final

BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

El snippet final quedaría de esta manera

`

AddOutputFilter DEFLATE js css

AddType image/svg+xml .svg
AddOutputFilterByType DEFLATE image/svg+xml

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml x-font/otf x-font/ttf x-font/eot

BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html 

`

Tweetea este articulo