Web学习笔记3 -- HTTP

HTTP1.1与HTTP2在web应用中都很常见,但是他们有什么区别和联系一直很困扰我,于是花了一阵子看了一些文章和书记,对这两个版本的协议有所了解,下面做一个总结。

异步并发

HTTP1.1 与 HTTP2请求响应如下:

HTTP1.x与HTTP2请求响应

HTTP1.x的请求响应是顺序执行,即第一个请求结束后才会发送第二个请求,以此类推。如果第一个请求响应时间过长,导致后续请求无法进行,就会造成所谓的队首阻塞,影响web性能。HTTP2引入了异步操作,即请求发送和响应是异步时时的,并不受到请求发送顺序限制,但是在HTTP2中为了让服务器按照需要的顺序处理请求,加入了一个priority优先级的属性,浏览器在发送请求时,自动指定资源的优先级从而让服务器按照处理优先级进行处理请求。

HTTP1.x管道

关于HTTP1.x队首阻塞问题,影响前端性能可以通过管道技术进行优化。通过管道技术,浏览器可以不用等待一个请求发送响应完成再进行下一个请求的发送,而是可以直接发送多个请求,服务器在接受到请求后,遵循FIFO先进先出队列原则进行请求处理并响应。这样降低了对手阻塞造成的请求延迟,如下图:


管道优化HTTP1.x

头部压缩

HTTP1.1在请求资源时,加入了请求头,但通常该请求头包含的都为纯文本内容,一般有500~800字节,如果再携带了cookie则会更多。如果请求头部未定义keepalive属性(保持tcp连接)则每一次请求,都需要请求头进行信息验证,当一个页面请求多达100个时,占有资源和带宽时相当多的。所以连接复用,是HTTP1.x的一个优化点,消除不必要的cookie开销也是一个优化点。连接复用,即tcp复用不但可以减少首部开销,还可以减少由于tcp建立连接时的三次握手时间。对于HTTP2而言,连接一旦建立就是持久化的,所以不需要额外的建立连接消耗。

多路复用和域名区分

HTTP1.x只支持连接建立单一连接,并不能利用多个tcp连接进行多路复用操作,从而提升性能。为了解决该多路复用的问题,域名区分被引入。我们可以在一个主机域名上建立多个子域名,即只建立一个主机的连接,通过该域名下的子域名达到多路复用的效果,提高并行能力。域名区分使用的越多,并行能力就越强,但区分越多,新的域名都有额外的DNS查询开销,耗费时间,所以在实际运用中根据需求合理控制域名的个数。

连接与合并

在HTTP性能优化的一个关键点就是,请求越少越好,那么如何实现这一点,有一个办法,就是对请求资源进行连接合并,即把多个图片合并成一个,把多个css和javascipt文件合并成一个css和javascript。这样可以大大提升页面的性能,但从另外一个层面,当css文件越大,会造成页面首次渲染速度降低(耗时),并且当javascript文件越大,执行响应的时间也会越久,这些都是在做优化时,需要考虑的平衡点。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,539评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,911评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,337评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,723评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,795评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,762评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,742评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,508评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,954评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,247评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,404评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,104评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,736评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,352评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,557评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,371评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,292评论 2 352

推荐阅读更多精彩内容