Habilitar la compresión de texto

Published on Updated on

Translated to: English, 한국어, 中文, Pусский, 日本語

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:

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

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.

Los ahorros potenciales que enumera Lighthouse son los ahorros potenciales cuando la respuesta se codifica con GZIP. Si se utiliza Brotli, es posible ahorrar aún más.

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.
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:

  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

Updated on Improve article

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.