Http请求 - IMG vs TEXT？

Question

此处显示的时间轴（使用IE的F12开发人员工具捕获）说明了IE如何处理页面 其中<img>标记位于<{>} 之后的 text：

第二行显示图像的检索。由于图像很小，所有图像数据都包含在同一个数据包中的HTTP响应头中。

但是 - 下一个时间轴显示当<img>标记位于接近文件开头时会发生什么情况，以便它位于IE收到的第一个数据包中：

然而，在第一个HTML数据包到达后不久就开始了对图像的请求。

因此，检索页面和图片需要减少总时间

但是（恕我直言）最好将图像（具有已定义的尺寸）放在该页面的底部。 （这样页面加载速度会更快）

然而 - 通过我的例子，它显示当img位于顶部时页面加载速度更快。

我错过了什么？

P.S。我的问题是简要概述的文字 of this section

Answer 1

你遗漏了几点。 首先，最佳实践不仅仅是关于下载，而且关于渲染，因为如果整个页面下载3秒但需要再渲染2s，则用户等待5s而不是3s。我不知道将图像放在底部的最佳实践（脚本有这样的实践），我知道的最佳实践是包含宽度和高度属性，因此在下载图像时不会阻止渲染。

您在测试中缺少的另一件事是并行下载，因为浏览器限制了并发连接的数量，并且您只使用一个映像进行测试。使用更多图像进行测试，或者使用真实的网页进行测试，以获得可靠的结果。

Answer 2

我更愿意减少连接次数， - 一次加载整个页面。拆分界面和内容部分。一旦加载了接口 - 它可以要求用户等待并通知他有关连接速度的信息。然后放入一个进度条，告知用户事情的进展情况。