- 专家问诊,提供专业建议
- 急速响应,体验省心
- 根据需求灵活定制解决方案
web开发减少http请求的四种方式
标签:web开发减少http请求 2017-8-17 作者:t_2180hn1ly1
在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么,怎么让才能更快呢?减少页面请求是一个优化页面加载速度很好的方法。那么web开发减少http请求怎样做效果最好呢?
web开发减少http请求:http连接的开销
相比request头部多余的数据,http连接的开销则更加严重。先看看从用户输入1个URL到下载内容到客户端需要经过哪些阶段:
1. 域名解析
2. 开启TCP连接
3. 发送请求
4. 等待(主要包括网络延迟和服务器处理时间)
5. 下载资源
可能很多人认为每次请求大部分时间都花在下载资源上,但是其实花费在等待阶段的时间比实际下载的时间要多的多。
1. 每次请求花费的大部分时间在其他阶段,而不是在下载资源阶段
2. 再小的资源照样会花费很多时间在其他阶段,只是下载阶段会比较短(见上图的第6个资源,才284Byte)。
针对上面提到的两种情况,我们应该要怎么进行优化?减少请求数来减少其他阶段的花销和网络中传输的数据。
web开发减少http请求怎么做
1、合并文件
合并文件就是把很多JS文件合并成1个文件,很多CSS文件合并成1个文件,这种方法应该很多人用到过,这里不做详细介绍,
只推荐1个合并的工具:yuiCompressor 这个工具yahoo提供的。
2、合并图片
这是利用css sprite,通过控制背景图片的位置来显示不同的图片。这种技术也是大家都用过的,不做详细介绍。
3、使用Image maps
Image maps 是把多个图片合并成1个图片,然后使用html中的标签连接图片,并实现点击图片不同的区域执行不同的动作,image map在导航条中比较容易使用到。
4、data嵌入图片
这种方法把图片进行编码直接嵌入到html中进行使用,以减少HTTP请求,但这个会增加HTML页面的大小,而且这样嵌入的图片不能缓存。
以上就是小编带来的关于web开发减少http请求的全部资讯,大家看完之后有什么感悟吗?如果有什么不满意的地方,小编向你道歉,因为小编也不是这方面的专家,难免有所疏漏,万望海涵!要是想要了解更多相关信息,就去八戒服务购行业资讯看看吧,更多有趣资讯在那等你。
软件开发暂无最新文章查看全部推荐文章>
推荐人才
免责声明:
网站文章均由网站用户自行通过本网站系统平台投稿编辑整理发布,仅供学习与参考, 不代表本网站赞同其观点和对其真实性负责。如有侵犯您的版权,请联系我们,我们将及时删除。