layout | title | description | date | updated |
---|---|---|---|---|
layouts/doc-post.njk |
Habilitar la compresión de texto |
Obtenga información sobre cómo puede mejorar el rendimiento de carga de su página web al habilitar la compresión de texto. |
2019-05-02 |
2020-06-04 |
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:
{% Img src="image/tcFciHGuF3MxnTr1y5ue01OGLBn2/ZftZfKlPcEu2cs4ltwK8.png", alt="Una captura de pantalla de la auditoría de compresión de texto Lighthouse Enable", width="800", height="271" %}Lighthouse recopila todas las respuestas que:
- Tienen tipos de recursos basados en texto.
- No incluyen un encabezado
content-encoding
br
,gzip
odeflate
.
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.
{% Aside 'note' %} 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. {% endAside %}
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
Para comprobar si un servidor comprimió una respuesta:
- Press
Control+Shift+J
(orCommand+Option+J
on Mac) to open DevTools. - Click the Network tab.
- Haga clic en la solicitud que generó la respuesta que le interesa.
- Haga clic en la pestaña Encabezados.
- Verifique el encabezado
content-encoding
en la sección Encabezados de respuesta.
content-encoding
Para comparar los tamaños comprimidos y descomprimidos de una respuesta:
- Press
Control+Shift+J
(orCommand+Option+J
on Mac) to open DevTools. - Click the Network tab.
- Habilite filas de solicitud grandes. Consulte Usar filas de solicitud grandes.
- 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.
Habilite la configuración de Compresión de página Gzip (Sistema > Configuración global > Servidor).
Habilite la compresión de texto en la configuración de su servidor web.