Mejora la puntuación de Google PageSpeed Insights: Habilita la compresión

• 1. Optimizar imágenes
• 2. Minificar CSS y JS
• 3. Especificar caché de navegador
• 4. Habilita la compresión
• 5. Reducir el tiempo de respuesta del servidor
• 6. Eliminar el JavaScript que bloquea la visualización del contenido de la mitad superior de la página
• 7. Eliminar el CSS que bloquea la visualización del contenido de la mitad superior de la página

Cuarta entrada sobre cómo mejorar la puntuación en PageSpeed Insights. En esta ocasión hablaremos sobre cómo habilitar la compresión GZIP.

Habilitar compresión
Comprimir recursos con gzip o con deflate puede reducir el número de bytes enviados a través de la red.
Habilitar la compresión de estos recursos para reducir su tamaño de transferencia en 48,1 KB (reducción del 57 %).
• Si se comprime http://midominio.com/fonts/ETmodules_v2_4.ttf, supondría un ahorro de 48,1 KB (reducción del 57 %).

Google PageSpeed Insights

Muchos servidores web pueden comprimir archivos en formato gzip antes de enviarlos para su descarga, ya sea invocando un módulo de terceros o utilizando rutinas incorporadas. Esto puede reducir el tiempo invertido en descargar los recursos necesarios para mostrar tu sitio web.

Para aplicar la compresión gzip podemos utilizar un plugin de caché en WordPress como por ejemplo W3TC ó WP Super Cache. Lo que hacen estos plugins es añadir estas líneas de código a nuestro fichero .htaccess:

<IfModule mod_deflate.c>
    <IfModule mod_headers.c>
        Header append Vary User-Agent env=!dont-vary
    </IfModule>
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text/x-component
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE text/javascript
    AddOutputFilterByType DEFLATE text/x-js
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/richtext
    AddOutputFilterByType DEFLATE image/svg+xml
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/xsd
    AddOutputFilterByType DEFLATE text/xsl
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE image/bmp
    AddOutputFilterByType DEFLATE application/java
    AddOutputFilterByType DEFLATE application/msword
    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
    AddOutputFilterByType DEFLATE application/x-msdownload
    AddOutputFilterByType DEFLATE image/x-icon
    AddOutputFilterByType DEFLATE application/json
    AddOutputFilterByType DEFLATE application/vnd.ms-access
    AddOutputFilterByType DEFLATE application/vnd.ms-project
    AddOutputFilterByType DEFLATE application/x-font-otf
    AddOutputFilterByType DEFLATE application/vnd.ms-opentype
    AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.database
    AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.chart
    AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.formula
    AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.graphics
    AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.presentation
    AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.spreadsheet
    AddOutputFilterByType DEFLATE application/vnd.oasis.opendocument.text
    AddOutputFilterByType DEFLATE audio/ogg
    AddOutputFilterByType DEFLATE application/pdf
    AddOutputFilterByType DEFLATE application/vnd.ms-powerpoint
    AddOutputFilterByType DEFLATE application/x-shockwave-flash
    AddOutputFilterByType DEFLATE image/tiff
    AddOutputFilterByType DEFLATE application/x-font-ttf
    AddOutputFilterByType DEFLATE application/vnd.ms-opentype
    AddOutputFilterByType DEFLATE audio/wav
    AddOutputFilterByType DEFLATE application/vnd.ms-write
    AddOutputFilterByType DEFLATE application/font-woff
    AddOutputFilterByType DEFLATE application/font-woff2
    AddOutputFilterByType DEFLATE application/vnd.ms-excel
    <IfModule mod_mime.c>
        # DEFLATE by extension
        AddOutputFilter DEFLATE js css htm html xml
    </IfModule>
</IfModule>

Aplicando la compresión gzip conseguiremos reducir el tamaño de ciertos tipos de archivos antes de ser enviados a nuestro navegador, reduciendo considerablemente los tiempos de carga de nuestro sitio.

• « Mejora la puntuación de Google…
• Mejora la puntuación de Google… »