【发布时间】：2014-11-28 21:42:57
【问题描述】：
我正在创建一个网页，其中包含 120 个项目（图像 + 描述 + 链接），每个项目都显示在一个固定大小的 div 中。
如果我在 HTML 中只包含 30 个项目，用空白（固定大小的 div）代替其他 90 个项目，并在用户向下滚动页面时加载其他 div 的内容，页面会呈现更快吗？
我认为这种延迟加载的可能优势可能是：
-
HTML 文件小于原始大小的 50%（但是，这可能不会影响加载速度，因为我希望浏览器在加载后立即显示最顶部的元素）
李> 前 30 张图片加载速度更快，因为它们不会与其他 90 张图片竞争。
这些假设是否有效？页面渲染会更快吗？还有什么相关的？ （例如，最初的 DOM 元素较少、JavaScript 开销等）
【问题讨论】：
-
"前 30 个图像加载速度更快，因为它们不会与其他 90 个竞争" 我认为大多数浏览器中并发连接的浏览器限制为 6，因此您所有的图像都在争夺这 6 个插槽。
-
...应该读作“在大多数浏览器中并发连接到单个主机的浏览器限制是6”
标签： javascript html css performance web