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:
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 comobr
,gzip
nideflate
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.
- Presiona Control + Mayúsculas + J (o Comando + Opción + J en Mac) para abrir las Herramientas para desarrolladores.
- Haga clic en la pestaña Red.
- Haz clic en la solicitud que causó la respuesta que te interesa.
- Haz clic en la pestaña Encabezados.
- Verifica el encabezado
content-encoding
en la sección Encabezados de respuesta.
Para comparar los tamaños comprimidos y descomprimidos de una respuesta, haz lo siguiente:
- Presiona Control + Mayúsculas + J (o Comando + Opción + J en Mac) para abrir las Herramientas para desarrolladores.
- Haga clic en la pestaña Red.
- Habilitar filas de solicitud grandes. Consulta Usa filas de solicitud grandes.
- 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.