Habilita la compresión de texto

Los recursos basados en texto deben entregarse con compresión para minimizar el total de la red bytes. La sección Oportunidades del informe de Lighthouse enumera todos los recursos 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 ni deflate

Luego, Lighthouse comprime cada uno de ellos con GZIP para calcular el potencial de ahorros en la nube.

Si el tamaño original de una respuesta es inferior a 1.4 KiB o si el el ahorro potencial por compresión es inferior al 10% del tamaño original y, luego, 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 hacer lo siguiente: aprobar esta auditoría.

Cuando un navegador solicita un recurso, usa el Accept-Encoding Encabezado de la solicitud HTTP 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 porque puede reducir el tamaño de los archivos de los recursos más que la otros algoritmos de compresión. Buscar how to enable Brotli compression in <X>, donde <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 con navegadores para ver las 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.

Tu servidor debería mostrar Content-Encoding Encabezado de respuesta HTTP 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 el valor superior es el tamaño comprimido. El valor inferior es el valor de tamaño del ensamble.

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