google chrome - quitar - Herramientas de desarrollo de Chrome-"Tamaño" vs "Contenido"
https://chrome:inspect (3)
Al ver información sobre hojas de estilo en la pestaña Red de las herramientas de desarrollo de Chrome, una columna especifica "tamaño" y "contenido":
¿Alguien puede arrojar luz sobre la diferencia entre estos dos números? En algunas páginas, los números están cerca y otros son diferentes en una cantidad considerable.
"Tamaño" es el número de bytes en el cable y "contenido" es el tamaño real del recurso. Un número de cosas puede hacerlas diferentes, incluyendo:
- Se sirve desde el caché (pequeño o 0 "tamaño")
- Cabeceras de respuesta, incluidas las cookies ("tamaño" mayor que "contenido")
- Redirecciones o solicitudes de autenticación.
- Compresión gzip (menor "tamaño" que "contenido", normalmente)
Tamaño es el tamaño combinado de los encabezados de respuesta (generalmente unos pocos cientos de bytes) más el cuerpo de la respuesta, tal como lo entrega el servidor. El contenido es el tamaño del contenido decodificado del recurso. Si el recurso se cargó desde la memoria caché del navegador en lugar de hacerlo a través de la red, este campo contendrá el texto (de la memoria caché).
En términos simples, el artículo de Google lo explica como Tamaño = Tamaño de transferencia y Contenido = Tamaño real
Esta es mi fórmula basada en leer varios artículos sobre este tema (y estoy abierto a mejorarlo aún más con sus comentarios) Tamaño = Compresión (Contenido) + Cabecera de respuesta
Size es el tamaño de la respuesta en sí, y Content es el tamaño del recurso al que está accediendo.
Comparar:
caché vacío:
main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB
en caché
main.js GET 304 Not modified .. Size: 146B Content: 31.42KB