Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
google pagespeed insights

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

 

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 %).
Fuente: 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.

Puede que también te interese

Oculta las notificaciones de plugins y temas en WordPress
Oculta las notificaciones de plugins y temas en WordPress
Es posible que te hayas encontrado alguna vez o tengas un sitio creado con WordPress que tenga multitud de plugins instalados, o algún cliente que…
WP-CLI Parte 8, Scaffold: genera esqueletos de código para post types, taxonomías, plugins, child themes…
WP-CLI Parte 8, Scaffold: genera esqueletos de código para post types, taxonomías, plugins, child themes…
1. Instalación y primeros pasos 2. Instalando WordPress y primeros pasos y configuraciones 3. Trabajando con posts 4. Trabajando con usuarios 5. Trabajando con la…
Cómo realizar un formulario de contacto personalizado en WordPress sin Plugins
Cómo realizar un formulario de contacto personalizado en WordPress sin Plugins
Para realizar un formulario de contacto personalizado en WordPress podemos utilizar los conocidos plugins contact form 7 o gravity forms. Si no queremos recurrir al…
Creando un tema desde cero para WordPress parte 1: Consideraciones previas
Creando un tema desde cero para WordPress parte 1: Consideraciones previas
1. Creando un tema desde cero para WordPress: Consideraciones previas 2. Creando un tema desde cero para WordPress: Escribiendo el tema 3. Creando un tema…