Habilitar la compresión de texto

Los recursos basados en texto deben servirse comprimidos para minimizar el total de bytes de la red. La sección Oportunidades de su informe de Lighthouse enumera todos los recursos basados en texto que no están comprimidos:

Cómo maneja Lighthouse la compresión de textos #

Lighthouse recopila todas las respuestas que:

• Tienen tipos de recursos basados en texto.
• No incluyen un encabezado content-encoding br , gzip o deflate.

Después, Lighthouse comprime cada una de estas respuestas con GZIP para calcular los ahorros potenciales.

Si el tamaño original de una respuesta es inferior a 1,4 KB, o si el posible ahorro de compresión es inferior al 10% del tamaño original, Lighthouse no marca esa respuesta en los resultados.

Cómo habilitar la compresión de texto en su servidor #

Habilite la compresión de texto en los servidores que entregaron estas respuestas para aprobar esta auditoría.

Cuando un navegador solicita un recurso, utilizará el encabezado de solicitud HTTP Accept-Encoding para indicar qué algoritmos de compresión admite.

Accept-Encoding: gzip, compress, br

Si el navegador es compatible con Brotli (br), debe usarlo, ya que reduce más el tamaño del archivo de los recursos que los otros algoritmos de compresión. Busque how to enable Brotli compression in <X>, donde <X> es el nombre de su servidor. A partir de junio de 2020, Brotli es compatible con todos los navegadores principales, excepto Internet Explorer, Safari de escritorio y Safari en iOS. Consulte Compatibilidad del navegador para obtener actualizaciones.

Utilice GZIP como alternativa de Brotli. GZIP es compatible con todos los navegadores principales, pero es menos eficiente que Brotli. Consulte Configuraciones del servidor para ver ejemplos.

Su servidor debe devolver el encabezado de respuesta HTTP Content-Encoding para indicar qué algoritmo de compresión utilizó.

Content-Encoding: br

Compruebe si una respuesta se comprimió en Chrome DevTools #

Para comprobar si un servidor comprimió una respuesta:

1. Press `Control+Shift+J` (or `Command+Option+J` on Mac) to open DevTools.

2. Click the Network tab.

3. Haga clic en la solicitud que generó la respuesta que le interesa.

4. Haga clic en la pestaña Encabezados.

5. Verifique el encabezado content-encoding en la sección Encabezados de respuesta.

Para comparar los tamaños comprimidos y descomprimidos de una respuesta:

1. Press `Control+Shift+J` (or `Command+Option+J` on Mac) to open DevTools.

2. Click the Network tab.

3. Habilite filas de solicitud grandes. Consulte Usar filas de solicitud grandes.

4. Busque en la columna Tamaño la respuesta que le interesa. El valor superior es el tamaño comprimido. El valor inferior es el tamaño descomprimido.

Consulte también Minificar y comprimir cargas útiles de red.

Guía para pilas específicas #

Joomla #

Habilite la configuración de Compresión de página Gzip (Sistema > Configuración global > Servidor).

WordPress #

Habilite la compresión de texto en la configuración de su servidor web.

Recursos #

• Código fuente para la auditoría Habilitar compresión de texto