Habilita la compresión de texto

Los recursos basados en texto deben entregarse con compresión para minimizar el total de bytes de la red. En la sección Oportunidades del informe de Lighthouse, se enumeran todos los recursos basados en texto que no están comprimidos:

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

Cómo maneja Lighthouse la compresión de texto

Lighthouse recopila todas las respuestas que cumplen con lo siguiente:

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

Luego, Lighthouse comprime cada uno de ellos con GZIP para calcular el ahorro potencial.

Si el tamaño original de una respuesta es menor que 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.

Cómo habilitar 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 solicita un recurso, usa el encabezado de la 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), debes usar Brotli, ya que puede reducir más el tamaño del archivo de los recursos 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 de navegadores para ver 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

Cómo comprobar la compresión de respuestas

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

Presiona Control+Shift+J (o Command+Option+J en Mac) para abrir Herramientas para desarrolladores. 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 causó la respuesta que te interesa.
  4. Haz clic en la pestaña Encabezados.
  5. Verifica 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. Habilitar filas de solicitud grandes. Consulta Usa filas de solicitud grandes.
  4. Observa la columna Tamaño de 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

  • 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