Pourquoi certains sites Web affichent-ils 0 octet dans les outils de développement de Chrome


14

Je fais une optimisation de la vitesse de la page pour mon site Web et j'étudie comment les autres sites Web le font. J'ai remarqué que certains sites Web tels que Facebook ou Ringgitplus affichent 0 octet pour certaines de leurs ressources dans les outils de développement de Chrome, onglet Réseau, tandis que la taille réelle du contenu est de plusieurs kilo-octets.

La capture d'écran de l'onglet Réseau montrant 0 octet pour certaines ressources

J'ai lu certains articles qui disent que la taille est la quantité récupérée et le contenu est la taille réelle de la réponse. Ainsi, lorsque la taille est de 0 octet, cela signifie qu'elle est servie à partir du cache. Mais la même chose s'est produite lorsque j'ouvre la page en utilisant Incognito ou en effaçant tout mon cache.

Comment est-ce possible et comment puis-je réaliser la même chose pour mes sites Web?


2
et si vous faites un ctrl + F5 (un cache contournant le rechargement)
ratchet freak

1
Avez-vous déjà profilé votre page en utilisant developer.yahoo.com/yslow ?
Marcel

@ratchetfreak C'est toujours pareil.
kecebongsoft

@Marcel Oui, j'utilise plusieurs outils tels que celui que vous avez mentionné, Google Page Speed, ainsi que webpagetest.org
kecebongsoft

Ne répond pas vraiment aux questions de savoir pourquoi les résolutions non mises en cache pourraient éventuellement afficher 0b, mais voici une bonne question SO qui résout la différence: stackoverflow.com/questions/8072921/…
Ben Lee

Réponses:


4

Il est plus facile de comprendre le comportement de Chrome sur un site qui prend en charge à la fois http et https .

Si vous ouvrez les outils de développement et affichez cette image , Chrome signale 27,1 Ko si l'image est mise en cache et 257 octets dans le cas contraire. Vous pouvez vider votre cache dans Developer Tools en cliquant avec le bouton droit sur la zone en bas de l'écran (par exemple à côté de nav_logo161.png).

Ouvrez maintenant le lien avec https . Chrome signale 0 octet, que l'élément soit mis en cache ou non. S'il est mis en cache, vous obtenez un 304, et s'il n'est pas mis en cache, vous voyez un état 200. Mais vous pouvez voir dans la latence que la réponse non mise en cache prend beaucoup plus de temps.

Donc, pour faire court, si vous voulez que Chrome rapporte 0 octet pour votre page Web, utilisez https .

Ce bug est enregistré ici et ici .

Ce bogue est visible principalement lors de la visualisation d'images. La raison pour laquelle vous le remarquez avec les liens http dans le message d'origine est que les deux côtés s'affichent réellement en https .

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.