¿Por qué algunos sitios web muestran 0 bytes en las herramientas de desarrollador de Chrome?

Estoy haciendo una optimización de velocidad de página para mi sitio web y estoy estudiando cómo lo hacen otros sitios web. Noté que algunos sitios web como Facebook o Ringgitplus muestran 0 bytes para algunos de sus recursos en las herramientas de desarrollador de Chrome, pestaña Red, mientras que el tamaño real del contenido es de varios kilobytes.

Leí algunos artículos que dicen que el tamaño es la cantidad que se busca y el contenido es el tamaño real de la respuesta. Entonces, cuando el tamaño es de 0 bytes, significa que se sirve desde la memoria caché. Pero lo mismo sucedió cuando abro la página usando Incognito o borrando todo mi caché.

¿Cómo es esto posible y cómo puedo lograr lo mismo para mis sitios web?

Comprender el comportamiento de Chrome es más fácil de ver en un sitio que admite http y https .

Si abre Herramientas para desarrolladores y ve esta imagen , Chrome informa 27.1k si la imagen está en caché y 257 bytes si no lo está. Puede borrar su caché dentro de las Herramientas para desarrolladores haciendo clic derecho en el área en la parte inferior de la pantalla (por ejemplo, al lado de nav_logo161.png).

Ahora abra el enlace con https . Chrome informa 0 bytes si el elemento está en caché o no. Si está en caché, obtienes un 304, y si no está en caché, verás un estado de 200. Pero puede ver en la latencia que la respuesta no almacenada en caché tarda mucho más.

Entonces, para resumir, si desea que Chrome informe 0 bytes para su página web, use https .

Este error se registra aquí y aquí .

Este error se nota principalmente cuando se ven imágenes. La razón por la que lo notas con los enlaces http en la publicación original es que ambas partes realmente se muestran en https .