IMG VS TEXT？
此处显示的时间表（使用IE的F12开发人员工具捕获）说明IE如何处理<img>标签在一堆text 之后所在的页面：
第二行显示图像的检索。 由于图像很小，因此所有图像数据都与HTTP响应头一起包含在同一个数据包中。
但是 - 下一个时间线显示了当<img>标签位于接近文件开头的位置时发生的情况，以便它位于IE收到的第一个数据包中：
但是，在第一个HTML数据包到达后不久，对图像的请求就开始了。
因此，检索页面和图像所需的总时间较少
但是（恕我直言）最好将图像（具有定义的尺寸）放在该页面的底部。 （这样页面加载速度会更快）
但是 - 通过我的示例，它显示了当img处于顶部时，页面加载速度更快。
我错过了什么？
PS我的问题是本节的简要概述
你错过了几点。 首先，最佳实践不仅是关于下载，而且关于渲染，因为如果整个页面下载3秒，但需要渲染另外2秒，则用户等待5秒，而不是3秒。 我不知道将图像放在底部的最佳做法（对于脚本有这种做法），我知道的最佳做法是包含宽度和高度属性，以便在下载图像时不会阻止渲染。
测试中缺少的另一件事是并行下载，因为浏览器限制了并发连接的数量，而您仅使用一个映像进行测试。 为了获得可靠的结果，请使用更多的图像进行测试，或使用真实的网页进行测试。
我宁愿打扰少数连接， - 一次加载整个页面。 分割界面和内容部分。 一旦加载界面 - 它可以要求用户等待并通知他有关连接速度。 然后放置一个进度条并通知用户事情进展情况。
链接地址: http://www.djcxy.com/p/11589.html上一篇: IMG vs TEXT?