Estoy ocupado comprobando cómo mi servidor web está haciendo gzip. Estoy seguro de que ahora gzip está activado, ya que Chrome muestra la codificación de contenido: encabezado gzip.
¿Hay una manera fácil de ver cuánto se comprimió un archivo en las herramientas de desarrollador de Chrome?
Respuestas:
Respuesta actualizada para 2017 : sí.
La columna de tamaño en la pestaña Red en Herramientas para desarrolladores de Chrome tiene tanto el tamaño comprimido como el no comprimido, para gzip, brotli y lo que venga en el futuro. P.ej:
Aquí el tamaño comprimido es de 242 KB, el tamaño sin comprimir es de 1.1 MB
Para ver ambos, asegúrese de tener Devtools mostrando grandes filas de solicitud . Es el primer icono en las opciones de "Ver" en la barra de herramientas específica de Redes.
Con mucho, el método más sencillo es utilizar una herramienta en línea. GIDZipTest muestra un montón de detalles: el tamaño original, el tamaño del comprimido y el porcentaje de compresión.
Sin embargo, es posible en Chrome con un poco de esfuerzo. (Actualizado por última Chrome, 2011 sept)
En las Herramientas para desarrolladores, vaya a la pestaña "Red" y vuelva a cargar la página. Verá una lista de todos los archivos recuperados en la columna izquierda. Haga clic en la página / archivo apropiado a la izquierda y luego en la pestaña "Encabezados" en el panel derecho.
En "Encabezados de respuesta" debería ver "Codificación de contenido: gzip" seguido de un encabezado de "Longitud de contenido". Este es el tamaño del contenido comprimido.
Encontrar el tamaño sin comprimir es más difícil. Si está sirviendo archivos estáticos, simplemente puede verificar su tamaño. Para contenido dinámico, tendrá que copiar y pegar el HTML en un editor de texto y guardarlo para verificar el tamaño exacto.
Actualización para 2017
Cuando se usan íconos grandes, las herramientas de desarrollo de Chrome muestran un tamaño de compresión anterior y posterior en las pestañas de la red.
Confirmé activando y desactivando gzip en mi servidor web.
He oído que el de Chrome tiene fallas debido a un error en el kit web.
El plugin Y Slow para Firefox hace un gran trabajo. Al ejecutarlo, vaya a la pestaña Componentes y expanda el tipo de componente para el que desea los valores. Mostrará el tamaño original y el tamaño de gzip.
Esta no es una herramienta específica para Chrome, pero uso Fiddler cuando verifico el tráfico HTTP / información del encabezado. Es una gran herramienta, funciona en cualquier navegador y es gratis.
Para cualquiera que todavía llegue aquí desde una búsqueda general en Google (como lo hice yo), en las versiones modernas de Firefox es posible ver el tamaño "crudo" y comprimido directamente desde sus herramientas de desarrollo al comparar la columna "Tamaño transferido" y la columna "Tamaño". "Tamaño" es el tamaño bruto de la respuesta, el "Tamaño transferido" es el tamaño real de los datos transferidos para la respuesta, que puede ser inferior al tamaño real en el caso de gzip, como en la imagen a continuación, o incluso 0 en caso, la respuesta se ha almacenado en caché en el cliente.
Content-Lengthencabezado.