如果元素显示:无;在媒体查询中,它们是否仍然加载
If an element is display: none; in a media query are they loaded in still?
今天只是在想这个,这让我很好奇。
如果我在网站上有一些元素或div,例如视频标签,如果我将此视频标签设置为显示:none;在移动用户的媒体查询中。
当这些用户在其设备上查看网站时,该网站是否仍会加载视频及其元素,然后隐藏它们?还是阻止元素被加载?
会影响加载时间吗?
我有一个带有桌面html5视频的网站,当缩小时,它会将这些元素替换为移动设备的gif,因为html5无法在ios设备上自动播放。这是否意味着通过选择显示无可以防止视频或任何其他元素影响移动加载时间?
这取决于情况和浏览器。在许多情况下,隐藏的资产不会被下载,但如果浏览器认为它会被使用,则可能会被下载。这是一个较老的问题,但它解决了您所追求的问题:
"display:none"会阻止加载图像吗?
我猜在移动设备上下载将被推迟。我确定显示:无;图像在Android上的当前Chrome上被延迟,HTML5视频可能相同。
相关文章:
- 如何检测是否加载了iframe
- 如何知道是否加载了JavaScript(脚本)
- 如何在jsoup的帮助下跟踪我的网站是否加载到android设备上
- 如何检查iframe是否加载在JavaScript中
- jQuery或Javascript检查是否加载了图像
- 如何检查<对象>是否加载失败
- 如何确定聚合物元素是否加载
- 如何检测动态加载时加载的jquery是否加载
- 检查 WebGL 纹理是否加载到片段着色器中
- 如何检查是否加载了所有图像?(请不要使用jQuery)
- 如何检查外部javascript是否加载失败
- 有没有办法检查html是否加载在Iframe上
- jQuery:如何检测是否加载了LI元素
- 如何检查我所有的 html 内容是否加载在 angularjs 中
- 如何查看页面上是否加载了jQuery文件
- 检查iframe是否加载在$(document).ready中
- 如何检查元素是否加载
- 我如何检查iframe内容是否加载和可见
- 如何检测网站是否加载在移动设备上的iframe中
- 是否有一种方法来确定是否加载了所有本地JavaScript资源