display:none 会阻止元素加载吗？答案

【问题标题】：Does display:none keep elements from loading?display:none 会阻止元素加载吗？
【发布时间】：2011-05-05 05:15:57
【问题描述】：

我有一个大的视频文件，我想放在我的主页上。我不希望它拖慢加载时间，所以我想我可以将它设置为 display:none ，然后在页面加载后更改显示。这行得通吗？

【问题讨论】：

【解决方案1】：

显示与真正的加载速度无关。但是，它可能会以与启动页面相同的方式影响速度的外观。

【讨论】：

【解决方案2】：

这行得通吗？

不。 display: none 只会阻止元素显示；尽管如此，它将被加载。

您可以在您选择的元素检查器中看到这种情况发生（例如在 Firebug 或 IE8 的开发工具中）。

最好的方法可能是之后使用 JavaScript 创建 Video 元素，或者 - 如果您想要一个故障安全解决方案以防 JS 被关闭 - 您可以使用 iframe 在用户单击链接时加载视频。

【讨论】：