javascript – Http请求 – IMG vs TEXT?

前端之家收集整理的这篇文章主要介绍了javascript – Http请求 – IMG vs TEXT?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
此处显示的时间轴(使用IE的F12开发人员工具捕获)说明了IE如何处理页面
其中一个< img>标签位于一堆文本之后:

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

但是 – 下一个时间线显示< img>时会发生什么. tag位于文件的开头附近,因此它位于IE收到的第一个数据包中:

但是,在第一个HTML数据包到达后不久就会开始对图像的请求.

因此,检索页面和图像所需的总时间更少

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

但是 – 通过我的示例,它显示当img位于顶部时页面加载速度更快.

我错过了什么?

附:我的问题是简要概述的文本of this section

解决方法

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

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

原文链接:https://www.f2er.com/js/156713.html

猜你在找的JavaScript相关文章