首页 > 软件开发 > web开发减少http请求的四种方式

快速发布【软件开发】相关需求,专业顾问为您服务 快速发布

用此手机号发布,您还可以点击 更换

发布需求
请输入正确的手机号
请输入正确的验证码

您是不是要找:

  • 专家问诊,提供专业建议
  • 急速响应,体验省心
  • 根据需求灵活定制解决方案

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请求的全部资讯,大家看完之后有什么感悟吗?如果有什么不满意的地方,小编向你道歉,因为小编也不是这方面的专家,难免有所疏漏,万望海涵!要是想要了解更多相关信息,就去八戒服务购行业资讯看看吧,更多有趣资讯在那等你。


最新文章推荐

软件开发暂无最新文章查看全部推荐文章>

推荐人才