Skip to content
Aprender Medir Blog Case studies About
En esta página
  • Cómo maneja Lighthouse la compresión de textos
  • Cómo habilitar la compresión de texto en su servidor
  • Compruebe si una respuesta se comprimió en Chrome DevTools
  • Guía para pilas específicas
    • Joomla
    • WordPress
  • Recursos

Habilitar la compresión de texto

May 2, 2019 — Actualizado Jun 4, 2020
Available in: 日本語, 한국어, Русский, 中文, English
Appears in: Auditorías de rendimiento
En esta página
  • Cómo maneja Lighthouse la compresión de textos
  • Cómo habilitar la compresión de texto en su servidor
  • Compruebe si una respuesta se comprimió en Chrome DevTools
  • Guía para pilas específicas
    • Joomla
    • WordPress
  • Recursos

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 #

  • Código fuente para la auditoría Habilitar compresión de texto
Última actualización: Jun 4, 2020 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.