加载网页时,带有display:none的内容会影响加载时间吗?
我在html中有一个巨大的列表,分配了大约600个链接,因此单独的html页面大约为450kb(不包括图像~150kb),而根据我们的服务器规定的页面大小为300 kb。
但是这些列表分为4个主要列表,可以在显示无切换之间切换。 即当列表1可见时,其他人将被隐藏。依此类推。
所以我想知道html页面的加载时间是如何受此影响的。
感谢。
答案 0 :(得分:0)
是的,确实会影响加载时间。 我也在我自己的网站上试过这个,加载了一段时间。如果div被隐藏了
我建议您使用jquery或ajax动态加载它,将所有这些菜单项或任何图像放在单独的html文件中,并在需要时调用它。
节省加载时间但更多编码
答案 1 :(得分:0)
是的,因为它正在加载完整的html。您可以在浏览器代码检查器中看到html代码。并且您看到隐藏标签中的图像正在加载。
您可以使用javascript来防止这种情况。仅在单击活动选项卡时加载图像。
答案 2 :(得分:0)
是的,确实如此。浏览器加载html并解析隐藏的元素。它们也是浏览器内部“元素树”的一部分。否则你将无法引用它们,例如通过JavaScript修改它们。
答案 3 :(得分:0)
是的,它会影响DOM中的加载时间可见性。下载的数量仍然相同。
要改善这一点,您可以使用: