浏览器是否在CSS文件中预先加载图像,而不考虑在页面上使用



我的一个朋友把我通过该工具创建的网站扔到了http://analyze.websiteoptimization.com/。当他回到我身边时,他坚持说我的浏览器只在网站主页上预装了大量无关的图片。

我回到他那里,坚持要求YSlow(以及浏览器中的其他"网络"选项卡)证明只有专门显示的图像和内容才能加载到主页上,而不是其他内容。我坚持认为,该网站的统计数据仅用于完整访问该网站,并下载所有所需的图像。

然而,他并不信服,认为一些浏览器(即IE)无论如何都会预装不相关的内容。因此,他使用全局CSS样式表,然后通过加载单独的样式表将更改应用于各个页面。

我认为最好的做法是最小化对服务器的请求,而不是添加更多,这就是为什么我们有CSS精灵的原因。我还认为浏览器永远不会加载图像,除非需要它们来显示页面。

如果没有健康的讨论,我不相信我能接受答案

  • 浏览器没有在每个页面上加载所有内容,我说得对吗
  • 上面的工具不正确吗
  • 我朋友从工具的结果中学到的教训是错误的吗

谢谢。

浏览器通常只加载页面中实际显示的内容。(然而,在一些奇特的浏览器中可能会有例外,比如Opera Mini。)

WebSiteOptimization工具只会查看HTML和CSS中引用的图像,而不会查看页面中实际使用的图像。

当我分析我自己的网页时,它有八个不同的背景图像,通过随机选择一次显示一个,该工具说所有八个图像都已加载,只是因为它们在CSS中。在Firebug和IE开发工具中检查网络流量表明它们不是。

根据我的

浏览器确实会一次加载缓存的图像,但较新的更新可以检查图像是否已更改。此外,程序员还可以设置允许或不允许浏览器缓存的权限。当使用yslow或谷歌页面速度这是一个更好的工具时,请尝试使用control+f5来刷新您的页面,以便在没有任何脱机文件的情况下强制重新加载网站。您还可以根据自己的偏好设置浏览器权限。

我还想添加一点关于你最后一行的内容,即使css属性被隐藏,浏览器也会加载代码中链接的所有图像。

它总是先加载img标记中的东西,然后加载css代码中的所有图像。

它还将按顺序处理图像请求,即先到先得的服务器

我希望这能有所帮助。

相关内容

  • 没有找到相关文章

最新更新