Habilita la compresión de texto

Los recursos basados en texto se deberían publicar comprimidos para minimizar el total de bytes de la red. En la sección Oportunidades de tu informe de Lighthouse, se enumeran todos los recursos basados en texto que no están comprimidos:

Captura de pantalla de la auditoría Habilita la compresión de texto de Lighthouse

Cómo Lighthouse controla la compresión de texto

Lighthouse recopila todas las respuestas que cumplen con los siguientes requisitos:

  • Tener tipos de recursos basados en texto
  • No incluyas un encabezado content-encoding configurado como br, gzip ni deflate.

Luego, Lighthouse comprime cada uno de ellos con GZIP para calcular los posibles ahorros.

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

Habilita la compresión de texto en tu servidor

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

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

Accept-Encoding: gzip, compress, br

Si el navegador admite Brotli (br), debes usar Brotli porque puede reducir el tamaño del archivo de los recursos más que los otros algoritmos de compresión. Busca how to enable Brotli compression in <X>, en el que <X> es el nombre de tu servidor. A partir de diciembre de 2022, Brotli es compatible con todos los navegadores principales, excepto Safari en iOS. Consulta Compatibilidad del navegador para obtener actualizaciones.

Usa GZIP como resguardo de Brotli. GZIP es compatible con todos los navegadores principales, pero es menos eficiente que Brotli. Consulta Configuraciones del servidor para ver ejemplos.

El servidor debe mostrar el encabezado de respuesta HTTP Content-Encoding para indicar qué algoritmo de compresión usó.

Content-Encoding: br

Verifica la compresión de las respuestas

Para verificar si un servidor comprime una respuesta, haz lo siguiente:

Presiona Control+Shift+J (o Command+Option+J en Mac) para abrir DevTools. Haz clic en la pestaña Red.

  1. Presiona Control + Mayúsculas + J (o Comando + Opción + J en Mac) para abrir las Herramientas para desarrolladores.
  2. Haga clic en la pestaña Red.
  3. Haz clic en la solicitud que generó la respuesta que te interesa.
  4. Haz clic en la pestaña Encabezados.
  5. Revisa el encabezado content-encoding en la sección Encabezados de respuesta.
El encabezado de respuesta de content-encoding
El encabezado de respuesta content-encoding.

Para comparar los tamaños comprimidos y descomprimidos de una respuesta, haz lo siguiente:

  1. Presiona Control + Mayúsculas + J (o Comando + Opción + J en Mac) para abrir las Herramientas para desarrolladores.
  2. Haga clic en la pestaña Red.
  3. Habilita las filas de solicitud grandes. Consulta Cómo usar filas de solicitud grandes.
  4. Consulta la columna Size para ver la respuesta que te interesa. El valor superior es el tamaño comprimido. El valor inferior es el tamaño descomprimido.

Consulta también Cómo reducir y comprimir las cargas útiles de red.

Orientación específica de la pila

  • Drupal: Los recursos basados en texto se deben entregar con compresión (gzip, deflate o brotli) para minimizar el total de bytes de la red. Te recomendamos usar una CDN que lo admita de forma nativa, o bien configurar el servidor web para que realice esta operación. Obtén más información.
  • Joomla: Habilita la configuración de compresión de páginas de gzip (Sistema > Configuración global > Servidor).
  • WordPress: Habilita la compresión de texto en la configuración de tu servidor web.

Recursos