当前位置:首页 > 网站技术 > 前端技术 > 正文内容

HTTP之功能追加协议以及升级http2.0

小彬2020-08-05前端技术125

1、影响http网络请求的因素

带宽 

延迟

2、http协议的瓶颈

一条连接上只可发送一个请求

请求只能从客户端开始,客户端不可以接受除响应以外的指令

请求/响应头部冗余,不经压缩就发送

每次互相发送相同的头部造成的浪费较多

非强制压缩发送 


3、双工通信的websocket 

 ajax轮询和long pall都不是最佳的请求方式   


 websocket的特点

 真正的全双工方式

 减少通信量

HTTP之功能追加协议以及升级http2.0


 4、探索式的实践---SPDY

基于tcp会话层协议,目的是最小化延迟,提升网络速度,提高用户体验

对于http协议的增强,不是替代http


http缺陷

单路链接 请求低效

http只允许由客户端主动发起请求

http头部冗余

HTTP之功能追加协议以及升级http2.0

SPDY改进

 多路复用 请求优化

 支持服务器推送技术

 SPDY压缩了http头

 强制使用SSL传输协议


 SPDY的意义

 意义很多,但是被http2.0代替


5、http2.0

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0


 单链接多资源的优势

 可以减少服务链接压力,内存占用少了,连接吞吐量大了

 由于tcp连接减少而使网络拥塞状况得以改观

 慢启动时间减少,拥塞和丢包恢复速度更快


 并行双向字节流的请求和响应

HTTP之功能追加协议以及升级http2.0

 并行交错的发送请求,请求之间互不影响

 并行交错的发送响应,响应之间互不干扰

 只使用一个连接即可并行发送多个请求和响应

 消除不必要的延迟,减少页面加载的时间


请求优先级

HTTP之功能追加协议以及升级http2.0

  高优先级的流都应该优先发送

  优先级不是绝对的

  不同优先级混合也是必须的 

6、 实验:http1.1升级http2.0升级http2

  如何查看http版本,找到网站请求右键copy all as HAR;

   

  step1:安装apache的apr  

   (解压 tar xzf [解压文件名])

  step2:安装apr-until;

  注意:如果遇到编译中断(all-recursive),解决方案 下载安装expat库:yum install expart-devel

  step3:安装openssl;

  step4:安装Tomact native

  step5:配置id;

  step6:生成证书

  step7:配置server.xml  


HTTP之功能追加协议以及升级http2.0

7、管理web服务器文件的webDav协议

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0



8、QUIC&&HTTP3.0

HTTP之功能追加协议以及升级http2.0

http2.0的问题

对头阻塞

建立链接的握手延迟大



QUIC的特性

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0

HTTP之功能追加协议以及升级http2.0




标签: http
分享给朋友:

相关文章

5种常见网页自动跳转方法

5种常见网页自动跳转方法

利用HTML标记(META中的REFRESH属性)用HTML标记,就是用META的REFRESH标记,举例如下:<meta http-equiv=refresh content="10...

常用正则表达式汇总

常用正则表达式汇总

来源:菜鸟教程http://c.runoob.com/front-end/854常用正则表达式正则表达式元字符和特殊字符移步6、第五章--引用类型(Date类型、RegExp类型)一、校验数字的表达式...

meta标签功能之兼容主流浏览器

meta标签功能之兼容主流浏览器

其实一般新手估计都不会注意这个问题,新手大多都会迫不及待的为了实现网页而去重视代码,往往忽视最重要的meta标签,我就是这样,我也是做了两年的前端才算发现这个里面有很大的学问我最近在一个人独自开发一个...

使用rem做手机端网页自适应

使用rem做手机端网页自适应

利用原生js做手机端网页自适应解决方案rem布局刚开始我用的是下面这段代码,然后js通过外部链接引入,最后每次用手机刷新网页的时候都会出现缩略图function getRem(pwidth,...

CSS grid 网格布局教程

CSS grid 网格布局教程

grid 兼容性查看请点此处 最新Grid兼容前言:用过这个grid只能说简直爽啊,以往需要float甚至position定位,自从学了grid网格布局,代码量非常精简但是也要注意兼容问题,...

评论列表

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信