每个响应式网站开发教程都建议使用display:noneCSS 属性可隐藏移动浏览器上加载的内容,以便网站加载速度更快。display:none不加载图像还是仍然在移动浏览器上加载内容?

答案

浏览器变得越来越智能。

该图像有一个display:none样式,但其大小可以由脚本读取。

您可以在那里检查:http://jsfiddle.net/tnk3j08s/

您还可以通过查看浏览器开发人员工具的"网络"选项卡来检查它。

请注意,如果浏览器位于小型 CPU 计算机上,则不必渲染图像(并布局页面)将使整个渲染操作更快,但我怀疑这在今天是否真正有意义。

如果您想阻止图像加载,您可以简单地不将 IMG 元素添加到文档中(或设置 IMGsrc归因于"data:"或者"about:blank")。

来自: stackoverflow.com