加载网页时,带有display:none的内容是否会影响加载时间?

时间:2013-09-05 06:15:58

标签: html optimization time load size

加载网页时,带有display:none的内容会影响加载时间吗?

我在html中有一个巨大的列表,分配了大约600个链接,因此单独的html页面大约为450kb(不包括图像~150kb),而根据我们的服务器规定的页面大小为300 kb。

但是这些列表分为4个主要列表,可以在显示无切换之间切换。 即当列表1可见时,其他人将被隐藏。依此类推。

所以我想知道html页面的加载时间是如何受此影响的。

感谢。

4 个答案:

答案 0 :(得分:0)

是的,确实会影响加载时间。 我也在我自己的网站上试过这个,加载了一段时间。如果div被隐藏了

我建议您使用jquery或ajax动态加载它,将所有这些菜单项或任何图像放在单独的html文件中,并在需要时调用它。

节省加载时间但更多编码

答案 1 :(得分:0)

是的,因为它正在加载完整的html。您可以在浏览器代码检查器中看到html代码。并且您看到隐藏标签中的图像正在加载。

您可以使用javascript来防止这种情况。仅在单击活动选项卡时加载图像。

答案 2 :(得分:0)

是的,确实如此。浏览器加载html并解析隐藏的元素。它们也是浏览器内部“元素树”的一部分。否则你将无法引用它们,例如通过JavaScript修改它们。

答案 3 :(得分:0)

是的,它会影响DOM中的加载时间可见性。下载的数量仍然相同。

要改善这一点,您可以使用: