display:none会阻止元素加载吗?

6

我有一个很大的视频文件,想要放在我的主页上。但我不希望它影响页面加载速度,所以我想把它设置为display:none,然后在页面加载后再改变显示。这样可行吗?


3
这似乎是那种打个快速测试比发一个问题更省时间的情况 :-) - Pointy
我尝试进行测试,但我认为我的试错并没有成功,因为第一次加载页面时,页面加载了电影;第二次,它已经加载完毕。这有意义吗? - bozdoz
1
它第二次被加载的原因是因为它被缓存了 - 浏览器已经最近加载过它,所以浏览器只使用本地版本。 - ClarkeyBoy
2个回答

21

这样行吗?

不行。使用display: none只会阻止元素显示,但元素仍会被加载。

你可以通过浏览器的元素检查器(例如Firebug或IE8的开发工具)来查看这一点。

最好的方式可能是使用JavaScript在页面加载后动态创建视频元素,或者如果你想要一个防止JS关闭的故障转移解决方案,你可以使用一个iframe元素,在用户点击链接时加载视频。


抢先一步了 - 但我建议添加一个参考链接,以便使用Firebug、IE 8的开发工具等来“看它在实际操作中的效果”。 - Harper Shelby
1
如果您已经编写了代码以在页面加载后更改元素的显示,那么将元素的innerHTML属性更改为加载视频应该是微不足道的。 - Dave

0

显示与加载的真实速度无关。 但是,它可能会影响速度的外观,就像闪屏页面一样。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接