每个响应的网站开发教程都建议使用display:none CSS属性来隐藏内容，使其不会加载到移动浏览器上，这样网站加载速度就会更快.是真的吗？display:none是不加载图像，还是仍然在移动浏览器上加载内容？有没有办法防止在移动浏览器上加载不必要的内容？
推荐答案
浏览器正变得越来越智能.现在，如果您的浏览器(取决于版本)确定图像加载没有用处，那么它可能会跳过图像加载.
图像的样式为display:none，但其大小可由脚本读取.
您可以在那里查一下:http://jsfiddle.net/tnk3j08s/.
您也可以通过查看浏览器开发工具的"网络"选项卡来判断它.
请注意，如果浏览器在一台小型CPU计算机上，则不必渲染图像(和布局页面)将使整个渲染操作更快，但我怀疑这在今天是否真的有意义.
如果您想要阻止图像加载，您可以简单地不将img元素添加到您的文档中(或者将img src属性设置为"data:"或"about:blank").
Css相关问答推荐
如何使重复线性渐变适合字体大小？
SVG文本在移动浏览器上增长并溢出
圆形按钮边框长度动画
CSS 中的 ：not(style) ~ ：not(style) 是什么？
2 列 UL，右列中的列表项数量为奇数？
如何使用显示网格制作不同大小的列取决于元素的数量
在 React 中使用 CSS 动画 onClick()
在 dbc.Container 上方包含横幅 - Dash
为什么 flexbox 中的 ![]()
在应用居中时不会调整大小？
CSS：菜单图标动画
具有自动调整大小的自动填充行的 CSS 网格
在 CSS 中相对于另一个元素定位一个元素
你如何调试可打印的 CSS？
CSS3 变换：旋转；在 IE9 中
在 css 中使用 FontAwesome 或 Glyphicons ：before
如何在 Chrome 的判断器中添加/插入之前或之后的伪元素？
从样式设置为 % 的元素获取宽度(以像素为单位)？
CSS：悬停一个元素，多个元素的效果？
：before 和 ：：before 有什么区别？
如何重置或覆盖 IE CSS 过滤器？
实用课程推荐