Habilita la compresión de texto

Los recursos basados en texto deben entregarse con compresión para minimizar el total de bytes de 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 Lighthouse Habilitar la auditoría de compresión de texto

Cómo Lighthouse maneja la compresión de texto

Lighthouse recopila todas las respuestas que:

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

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

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 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 es compatible con Brotli (br), deberías usar Brotli, ya que puede reducir el tamaño de 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. Desde diciembre de 2022, Brotli es compatible con todos los navegadores principales, excepto Safari en iOS. Consulta Compatibilidad con los navegadores para conocer las actualizaciones.

Usa GZIP como resguardo de Brotli. GZIP es compatible con todos los navegadores principales, pero es menos eficiente que Brotli. Consulta los parámetros de configuración 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 si se comprimió una respuesta en las Herramientas para desarrolladores de Chrome

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.

[comentario]: <> (La siguiente lista era un código corto de web.dev, pero no estaba traducido del inglés a ningún idioma). 1. Presiona Control+Shift+J (o Command+Option+J en Mac) para abrir Herramientas para desarrolladores. 2. Haz 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. Verifica el encabezado content-encoding en la sección Encabezados de respuesta.

El encabezado de respuesta de codificación de contenido
El encabezado de respuesta content-encoding.

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

[comentario]: <> (La siguiente lista era un código corto de web.dev, pero no estaba traducido del inglés a ningún idioma). 1. Presiona Control+Shift+J (o Command+Option+J en Mac) para abrir Herramientas para desarrolladores. 2. Haz clic en la pestaña Red. 3. Habilita filas de solicitud grandes. Consulta Usa filas de solicitud grandes. 4. Consulta la columna Tamaño para 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 para pilas

Joomla

Habilita el parámetro de configuración de compresión de página Gzip (Sistema > Configuración global > Servidor).

WordPress

Habilita la compresión de texto en la configuración de tu servidor web.

Recursos