每个响应式网站开发教程都建议使用display:noneCSS属性来隐藏移动浏览器上加载的内容，以便网站加载更快。这是真的吗？display:none是否不加载图像或仍在移动浏览器上加载内容？有没有办法防止在移动浏览器上加载不必要的内容
浏览器变得越来越智能。今天，如果您的浏览器（取决于版本）确定图像加载无效，它可能会跳过图像加载
图像具有显示：无样式，但其大小可由脚本读取。
如果父级被隐藏，Chrome v68.0不会加载图像
您可以在那里查看：http://jsfiddle.net/tnk3j08s/
您也可以通过查看浏览器开发工具的“网络”选项卡来检查它
请注意，如果浏览器位于小型CPU计算机上，不必渲染图像（和页面布局）将使整个渲染操作更快，但我怀疑这在今天是否真的有意义
如果要阻止加载图像，可以不将IMG元素添加到文档中（或将IMGsrc属性设置为“data:”或“about:blank”）