Mi página web con todos sus recursos tiene 1,7 MB en disco. Y solo 700 kb en la herramienta de desarrollo de Chrome (pestaña de red). Por ejemplo, mi CSS de 140 kb ahora, según Google, pesa solo 26 kb. Lo mismo ocurre con mi paquete js, va de 330 kb a 90. Además, estaba probando en una sesión privada, por lo que no hay almacenamiento en caché del navegador.
Encabezados de respuesta que puedo ver en Chrome:
Connection:Keep-Alive
Date:Wed, 30 Sep 2015 14:25:35 GMT
ETag:"e621f4-42c5-520f72d888210"
Keep-Alive:timeout=3, max=100
Server:Apache/2.2.16 (Debian)
Vary:Accept-Encoding
Respuesta1
Parece que no ves todo en tus herramientas de desarrollo.
No utilice filas de solicitud pequeñas o SÓLO verá el tamaño comprimido con gzip de sus archivos web.
- El tamaño del archivo comprimido enviado desde el servidor.
- Su navegador extrajo el archivo comprimido con gzip y contiene esta cantidad de KB
La razón por la que sus imágenes muestran un tamaño de compresión mayor es porque PNG y JPG son un formato comprimido, por lo que su servidor web en realidad está creando una sobrecarga innecesaria al intentar volver a comprimirlo y esa sobrecarga adicional se traduce en tiempo de CPU desperdiciado y tiempo adicional. KB.
Si está ejecutando Apache y tiene acceso httpd.conf
, le sugeriría agregarle una línea similar a esta:
# No comprimir estas imágenes SetEnvIfNoCase Request_URI .(?:gif|jpe?g|jpg|ico|png) no-gzip no varía
Esto es válido para imágenes que ya están muy optimizadas y comprimidas.
En mi captura de pantalla puedes ver que 1+2 son imágenes más grandes y no optimizadas, pero 3.jpg ya es básico, por lo que la compresión no ayudó al n.° 3, pero sí ayudó al 1+2: