263 votes

Chrome Dev Tools - "Taille" vs "Contenu"

Lorsque vous affichez des informations sur les feuilles de style dans l'onglet Réseau des outils de développement de Google Chrome, une colonne spécifie à la fois "taille" et "contenu":

Capture d'écran des outils de développement avec la colonne Taille / Contenu en surbrillance

Quelqu'un peut-il faire la lumière sur la différence entre ces deux chiffres? Sur certaines pages, les chiffres sont proches et d'autres sont très différents.

334voto

Mark Brackett Points 46824

"Taille" est le nombre d'octets sur le fil, et le "contenu" est la taille réelle de la ressource. Un certain nombre de choses peut les rendre différents, y compris:

  • Étant servi de cache (petits ou 0 "taille")
  • En-têtes de réponse, y compris les cookies (d'une taille de "taille" que le "contenu")
  • Les redirections ou les demandes d'authentification
  • la compression gzip (plus petite "taille" de "contenu", en général)

À partir de la documentation:

La taille est la taille combinée des en-têtes de réponse (généralement de quelques centaines d'octets), plus le corps de la réponse, fournie par le serveur. Le contenu est la taille de la ressource décodé contenu. Si la ressource a été chargé dans le cache du navigateur plutôt que sur le réseau, ce champ contiendra le texte (à partir du cache).

55voto

c69 Points 5140

Size est la taille de la réponse elle-même, et Content est la taille de la ressource à laquelle vous accédez.

Comparer:

cache vide:

main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB

mis en cache:

main.js GET 304 Not modified .. Size: 146B Content: 31.42KB

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X