为什么有些网站在Chrome开发者工具中显示0字节


14

我正在为我的网站进行页面速度优化,并研究其他网站如何做到这一点。我注意到,某些网站(例如FacebookRinggitplus)在Chrome开发人员工具的“网络”标签中显示了某些资源的0字节,而实际内容的大小为几千字节。

“网络”选项卡的屏幕快照,显示某些资源为0字节

我读了一些文章,说大小是要获取的数量,内容是响应的实际大小。因此,当大小为0字节时,表示它是从缓存中提供的。但是,当我使用隐身模式打开页面或清除所有缓存时,也会发生同样的事情。

这怎么可能?如何为我的网站实现相同的目标?


2
如果您执行ctrl + F5键(绕过重新加载的缓存)
棘手怪胎

1
您是否使用developer.yahoo.com/yslow来描述您的页面?
Marcel

@ratchetfreak还是一样。
kecebongsoft 2013年

@Marcel是的,我正在使用几种工具,例如您提到的工具,Google Page Speed和webpagetest.org
kecebongsoft 2013年

没有真正回答为何未缓存resrouces可能可能显示0B的问题,但这里有一个很好的SO问题既解决了差异:stackoverflow.com/questions/8072921/...
李本

Answers:


4

在同时支持httphttps的网站上,最容易了解Chrome的行为。

如果您打开开发人员工具并查看此图片,则Chrome会报告该图片是否已缓存27.1k,如果未缓存则为257字节。您可以通过右键单击屏幕底部的区域(例如,在nav_logo161.png旁边),在Developer Tools中清除缓存。

现在,使用https打开链接。无论项目是否已缓存,Chrome都会报告0字节。如果已缓存,则会显示304,如果未缓存,则会显示200。但是,您会在延迟中看到未缓存的响应花费的时间更长。

因此,长话短说,如果您希望Chrome报告网页的0个字节,请使用https

此错误记录在此处此处

该错误主要在查看图像时引起注意。您在原始文章中使用http链接注意到它的原因是,双方实际上都在https中呈现。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.