网页加载时，带有 display:none 的内容会影响加载时间吗？
我有一个巨大的 html 列表，分配了大约 600 个链接，因此仅 html 页面就达到了大约 450kb（不包括图像~150kb），而根据我们的服务器规定的页面大小为 300kb。
但是这些列表分为 4 个主要列表，它们在显示无到可见之间切换。即当列表 1 可见时，其他人被隐藏。依此类推。
所以我想知道html页面的加载时间会如何受到影响。
谢谢。
问问题
1383 次
4 回答
0
是的，它确实会影响加载时间。我也在我自己的网站上试过这个，加载需要一些时间。即使 div 被隐藏了
我建议您使用 jquery 或 ajax 动态加载它，将所有这些菜单项或任何图像放在单独的 html 文件中，并在需要时调用它。
节省加载时间但更多编码
于 2013-09-05T06:19:04.470 回答
0
是的，因为它正在加载完整的 html。您可以在浏览器代码检查器中查看 html 代码。你会看到隐藏标签中的图像正在加载。
您可以通过使用 javascript 来防止这种情况。仅在单击活动选项卡时加载图像。
于 2013-09-05T06:23:36.407 回答
0
是的，它确实。浏览器加载 html 并解析隐藏的元素。它们也是浏览器内部“元素树”的一部分。否则，您将无法引用它们，例如通过 JavaScript 来修改它们。
于 2013-09-05T06:25:15.593 回答
0
是的，当然它会影响 DOM 中的加载时间可见性。下载量还是一样的。
为了改善这一点，您可以使用：
- 分页（Rails 中的 will_paginate，https://github.com/onassar/PHP-Pagination php）
- 无限滚动（将在滚动过程中动态加载内容）
- AJAX 加载列表
于 2013-09-05T06:25:58.577 回答