1、HTTP 1.0

• 是一種無狀態(tài)，無連接的應用層協(xié)議
  • 規(guī)定瀏覽器和服務器保持短暫的鏈接。
  • 瀏覽器每次請求都需要與服務器建立一個TCP連接，服務器處理完成以后立即斷開TCP連接（短連接），服務器不跟蹤也每個客戶單，也不記錄過去的請求（無狀態(tài)）。
  • 這種無狀態(tài)性可以借助cookie/session機制來做身份認證和狀態(tài)記錄。
• 存在的問題：
  • 無法復用連接：每次發(fā)送請求/返回響應，都需要進行一次TCP連接，而TCP的連接釋放過程又是比較費事的。這種無連接的特性會使得網(wǎng)絡的利用率變低。
  • 隊頭阻塞（head of line blocking）：由于HTTP1.0規(guī)定下一個請求必須在前一個請求響應到達之后才能發(fā)送，假設前一個請求響應一直不到達，那么下一個請求就不發(fā)送，后面的請求就阻塞了。

Http 1.0的致命缺點:

1. 無法復用TCP連接和并行發(fā)送請求，這樣每次一個請求都需要三次握手，而且其實建立連接和釋放連接的這個過程是最耗時的，傳輸數(shù)據(jù)相反卻不那么耗時。

2. 不支持文件斷點續(xù)傳。

3. 本地時間被修改導致響應頭expires的緩存機制失效的問題。

2、HTTP1.1

HTTP1.1繼承了HTTP1.0的簡單，克服了HTTP1.0性能上的問題。
HTTP1.1也是當前使用最為廣泛的HTTP協(xié)議

• 1. 長連接:HTTP1.1增加Connection字段，通過設置Keep-Alive保持HTTP連接不斷開，直到連接的某一段主動提出斷開連接的請求（Connection:Close）。避免每次客戶端與服務器請求都要重復建立釋放建立TCP連接。提高了網(wǎng)絡的利用率。如果客戶端想關閉HTTP連接，可以在請求頭中攜帶Connection:Close來告知服務器關閉請求。
• 2. 管道化:HTTP1.1支持請求管道化（pipelining)?；贖TTP1.1的長連接，使得請求管線化成為可能。 管線化使得請求能夠“并行”傳輸。但需要注意的是：服務器必須按照客戶端請求的先后順序依次回送相應的結果，以保證客戶端能夠區(qū)分出每次請求的響應內(nèi)容。
  • 也就是說，HTTP管道化可以讓我們把先進先出隊列從客戶端（請求隊列）遷移到服務端（響應隊列）,如果，客戶端同時發(fā)了兩個請求分別獲取html和css，假如說服務器的css資源先準備就緒，服務器也會先發(fā)送html，再發(fā)送css。 換句話來說，只有等到html響應的資源完全傳輸完畢后，css響應的資源才開始傳輸，不允許同時存在兩個并行的響應。
  • 可見，HTTP1.1還是無法解決隊頭阻塞（head of line blocking）的問題，只是把先進先出隊列從客戶端（請求隊列）遷移到服務端（響應隊列）。
• 3. RANGE:bytes字段： 是HTTP/1.1新增內(nèi)容，斷點續(xù)傳，表示要求服務器從文件XXXX字節(jié)處開始傳送。
• 4. 真并行傳輸 — 瀏覽器優(yōu)化策略
  • HTTP1.1支持管道化，但是服務器也必須進行逐個響應的送回，這個是很大的一個缺陷。實際上，現(xiàn)階段的瀏覽器廠商采取了另外一種做法，它允許我們打開多個TCP的會話，也就是說，其實是不同的TCP連接上的HTTP請求和相應，這也就是我們所熟悉的瀏覽器對同域下并行加載6~8個資源的限制。
• 5. 緩存處理 — 強緩存、協(xié)商緩存，啟發(fā)式緩存（新增）
  • 此外，HTTP1.1還加入了緩存處理（強緩存和協(xié)商緩存），新的字段如cache-control，支持斷點傳輸，以及增加了Host字段（使得一個服務器能夠用來創(chuàng)建多個Web站點）

Http 1.1的致命缺點：

• 1.明文傳輸。
• 2.其實還是沒有解決無狀態(tài)連接的。
• 3.當有多個請求同時被掛起的時候 就會擁塞請求通道，導致后面請求無法發(fā)送（沒有真正的解決隊頭阻塞）。
• 4.臃腫的消息首部:HTTP/1.1能壓縮請求內(nèi)容，但是消息首部不能壓縮;在現(xiàn)今請求中，**消息首部占請求絕大部分(**甚至是全部)也較為常見。

我們也可以用dns-prefetch和 preconnect tcp來優(yōu)化～

<link rel="preconnect" href="//example.com" crossorigin>
<link rel="dns=prefetch" href="//example.com">

• Tip: webpack可以做任何事情，這些都可以用插件實現(xiàn)

3、HTTP2.0

相較于HTTP1.1，HTTP2.0的主要優(yōu)點有：

1. 采用二進制幀封裝
2. 傳輸變成多路復用
3. 流量控制算法優(yōu)化
4. 服務器端推送
5. 首部壓縮
6. 優(yōu)先級

1、 二進制幀封裝 / 二進制分幀

HTTP1.x的解析是基于文本的，基于文本協(xié)議的格式解析存在天然缺陷，文本的表現(xiàn)形式有多樣性，要做到健壯性考慮的場景必然很多。

而HTTP2.0會將所有傳輸?shù)男畔⒎指顬楦〉南⒑蛶?/strong>，然后采用二進制的格式進行編碼，HTTP1.x的頭部信息會被封裝到HEADER frame（單獨成幀，不再在后續(xù)數(shù)據(jù)傳輸中攜帶），而相應的RequestBody則封裝到DATAframe里面。