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