曾經(jīng)有這么一道經(jīng)典面試題：從 URL 在瀏覽器被被輸入到頁面展現(xiàn)的過程中發(fā)生了什么季稳？
相信大多數(shù)準(zhǔn)備過的同學(xué)都能回答出來馋嗜，但是如果繼續(xù)問：收到的 HTML 如果包含幾十個(gè)圖片標(biāo)簽麸俘，這些圖片是以什么方式辩稽、什么順序、建立了多少連接从媚、使用什么協(xié)議被下載下來的呢逞泄？
要搞懂這個(gè)問題，我們需要先解決下面五個(gè)問題：
現(xiàn)代瀏覽器在與服務(wù)器建立了一個(gè) TCP 連接后是否會(huì)在一個(gè) HTTP 請(qǐng)求完成后斷開拜效？什么情況下會(huì)斷開喷众？
一個(gè) TCP 連接可以對(duì)應(yīng)幾個(gè) HTTP 請(qǐng)求？
一個(gè) TCP 連接中 HTTP 請(qǐng)求發(fā)送可以一起發(fā)送么（比如一起發(fā)三個(gè)請(qǐng)求紧憾，再三個(gè)響應(yīng)一起接收）到千？
為什么有的時(shí)候刷新頁面不需要重新建立 SSL 連接？
瀏覽器對(duì)同一 Host 建立 TCP 連接到數(shù)量有沒有限制赴穗？
第一個(gè)問題
現(xiàn)代瀏覽器在與服務(wù)器建立了一個(gè) TCP 連接后是否會(huì)在一個(gè) HTTP 請(qǐng)求完成后斷開憔四？什么情況下會(huì)斷開？
在 HTTP/1.0 中般眉，一個(gè)服務(wù)器在發(fā)送完一個(gè) HTTP 響應(yīng)后了赵，會(huì)斷開 TCP 鏈接。但是這樣每次請(qǐng)求都會(huì)重新建立和斷開 TCP 連接甸赃，代價(jià)過大柿汛。所以雖然標(biāo)準(zhǔn)中沒有設(shè)定，某些服務(wù)器對(duì) Connection: keep-alive 的 Header 進(jìn)行了支持埠对。意思是說苛茂，完成這個(gè) HTTP 請(qǐng)求之后已烤，不要斷開 HTTP 請(qǐng)求使用的 TCP 連接。這樣的好處是連接可以被重新使用妓羊，之后發(fā)送 HTTP 請(qǐng)求的時(shí)候不需要重新建立 TCP 連接胯究，以及如果維持連接，那么 SSL 的開銷也可以避免躁绸，兩張圖片是我短時(shí)間內(nèi)兩次訪問 https://www.github.com 的時(shí)間統(tǒng)計(jì)：
頭一次訪問裕循，有初始化連接和 SSL 開銷
初始化連接和 SSL 開銷消失了，說明使用的是同一個(gè) TCP 連接
持久連接：既然維持 TCP 連接好處這么多净刮，HTTP/1.1 就把 Connection 頭寫進(jìn)標(biāo)準(zhǔn)剥哑，并且默認(rèn)開啟持久連接，除非請(qǐng)求中寫明 Connection: close淹父，那么瀏覽器和服務(wù)器之間是會(huì)維持一段時(shí)間的 TCP 連接株婴，不會(huì)一個(gè)請(qǐng)求結(jié)束就斷掉。
所以第一個(gè)問題的答案是：默認(rèn)情況下建立 TCP 連接不會(huì)斷開暑认，只有在請(qǐng)求報(bào)頭中聲明 Connection: close 才會(huì)在請(qǐng)求完成后關(guān)閉連接困介。
第二個(gè)問題
一個(gè) TCP 連接可以對(duì)應(yīng)幾個(gè) HTTP 請(qǐng)求？
了解了第一個(gè)問題之后蘸际，其實(shí)這個(gè)問題已經(jīng)有了答案座哩，如果維持連接，一個(gè) TCP 連接是可以發(fā)送多個(gè) HTTP 請(qǐng)求的粮彤。
第三個(gè)問題
一個(gè) TCP 連接中 HTTP 請(qǐng)求發(fā)送可以一起發(fā)送么（比如一起發(fā)三個(gè)請(qǐng)求根穷，再三個(gè)響應(yīng)一起接收）？
HTTP/1.1 存在一個(gè)問題导坟，單個(gè) TCP 連接在同一時(shí)刻只能處理一個(gè)請(qǐng)求屿良，意思是說：兩個(gè)請(qǐng)求的生命周期不能重疊，任意兩個(gè) HTTP 請(qǐng)求從開始到結(jié)束的時(shí)間在同一個(gè) TCP 連接里不能重疊惫周。
雖然 HTTP/1.1 規(guī)范中規(guī)定了 Pipelining 來試圖解決這個(gè)問題管引，但是這個(gè)功能在瀏覽器中默認(rèn)是關(guān)閉的。
先來看一下 Pipelining 是什么闯两，RFC 2616 中規(guī)定了：
A client that supports persistent connections MAY "pipeline" its requests (i.e., send multiple requests without waiting for each response). A server MUST send its responses to those requests in the same order that the requests were received. 一個(gè)支持持久連接的客戶端可以在一個(gè)連接中發(fā)送多個(gè)請(qǐng)求（不需要等待任意請(qǐng)求的響應(yīng)）褥伴。收到請(qǐng)求的服務(wù)器必須按照請(qǐng)求收到的順序發(fā)送響應(yīng)。
至于標(biāo)準(zhǔn)為什么這么設(shè)定漾狼，我們可以大概推測(cè)一個(gè)原因：由于 HTTP/1.1 是個(gè)文本協(xié)議重慢，同時(shí)返回的內(nèi)容也并不能區(qū)分對(duì)應(yīng)于哪個(gè)發(fā)送的請(qǐng)求，所以順序必須維持一致逊躁。比如你向服務(wù)器發(fā)送了兩個(gè)請(qǐng)求GET/query?q=A和GET/query?q=B似踱，服務(wù)器返回了兩個(gè)結(jié)果，瀏覽器是沒有辦法根據(jù)響應(yīng)結(jié)果來判斷響應(yīng)對(duì)應(yīng)于哪一個(gè)請(qǐng)求的。
Pipelining 這種設(shè)想看起來比較美好核芽，但是在實(shí)踐中會(huì)出現(xiàn)許多問題：
一些代理服務(wù)器不能正確的處理 HTTP Pipelining囚戚。
正確的流水線實(shí)現(xiàn)是復(fù)雜的。
Head-of-line Blocking 連接頭阻塞：在建立起一個(gè) TCP 連接之后轧简，假設(shè)客戶端在這個(gè)連接連續(xù)向服務(wù)器發(fā)送了幾個(gè)請(qǐng)求驰坊。按照標(biāo)準(zhǔn)，服務(wù)器應(yīng)該按照收到請(qǐng)求的順序返回結(jié)果哮独，假設(shè)服務(wù)器在處理首個(gè)請(qǐng)求時(shí)花費(fèi)了大量時(shí)間拳芙，那么后面所有的請(qǐng)求都需要等著首個(gè)請(qǐng)求結(jié)束才能響應(yīng)。
所以現(xiàn)代瀏覽器默認(rèn)是不開啟 HTTP Pipelining 的皮璧。
但是舟扎，HTTP2 提供了 Multiplexing 多路傳輸特性，可以在一個(gè) TCP 連接中同時(shí)完成多個(gè) HTTP 請(qǐng)求悴务。至于 Multiplexing 具體怎么實(shí)現(xiàn)的就是另一個(gè)問題了睹限。我們可以看一下使用 HTTP2 的效果。
綠色是發(fā)起請(qǐng)求到請(qǐng)求返回的等待時(shí)間讯檐，藍(lán)色是響應(yīng)的下載時(shí)間羡疗，可以看到都是在同一個(gè) Connection，并行完成的
所以這個(gè)問題也有了答案：在 HTTP/1.1 存在 Pipelining 技術(shù)可以完成這個(gè)多個(gè)請(qǐng)求同時(shí)發(fā)送裂垦，但是由于瀏覽器默認(rèn)關(guān)閉顺囊，所以可以認(rèn)為這是不可行的肌索。在 HTTP2 中由于 Multiplexing 特點(diǎn)的存在蕉拢，多個(gè) HTTP 請(qǐng)求可以在同一個(gè) TCP 連接中并行進(jìn)行。
那么在 HTTP/1.1 時(shí)代诚亚，瀏覽器是如何提高頁面加載效率的呢晕换？主要有下面兩點(diǎn)：
維持和服務(wù)器已經(jīng)建立的 TCP 連接，在同一連接上順序處理多個(gè)請(qǐng)求站宗。
和服務(wù)器建立多個(gè) TCP 連接闸准。
第四個(gè)問題
為什么有的時(shí)候刷新頁面不需要重新建立 SSL 連接？
在第一個(gè)問題的討論中已經(jīng)有答案了梢灭，TCP 連接有的時(shí)候會(huì)被瀏覽器和服務(wù)端維持一段時(shí)間夷家。TCP 不需要重新建立，SSL 自然也會(huì)用之前的敏释。
第五個(gè)問題
瀏覽器對(duì)同一 Host 建立 TCP 連接到數(shù)量有沒有限制库快？
假設(shè)我們還處在 HTTP/1.1 時(shí)代，那個(gè)時(shí)候沒有多路傳輸钥顽，當(dāng)瀏覽器拿到一個(gè)有幾十張圖片的網(wǎng)頁該怎么辦呢义屏？肯定不能只開一個(gè) TCP 連接順序下載，那樣用戶肯定等的很難受，但是如果每個(gè)圖片都開一個(gè) TCP 連接發(fā) HTTP 請(qǐng)求闽铐，那電腦或者服務(wù)器都可能受不了蝶怔，要是有 1000 張圖片的話總不能開 1000 個(gè)TCP 連接吧，你的電腦同意 NAT 也不一定會(huì)同意兄墅。
所以答案是：有踢星。Chrome 最多允許對(duì)同一個(gè) Host 建立六個(gè) TCP 連接。不同的瀏覽器有一些區(qū)別察迟。
那么回到最開始的問題斩狱，收到的 HTML 如果包含幾十個(gè)圖片標(biāo)簽，這些圖片是以什么方式扎瓶、什么順序所踊、建立了多少連接、使用什么協(xié)議被下載下來的呢概荷？
如果圖片都是 HTTPS 連接并且在同一個(gè)域名下秕岛，那么瀏覽器在 SSL 握手之后會(huì)和服務(wù)器商量能不能用 HTTP2，如果能的話就使用 Multiplexing 功能在這個(gè)連接上進(jìn)行多路傳輸误证。不過也未必會(huì)所有掛在這個(gè)域名的資源都會(huì)使用一個(gè) TCP 連接去獲取继薛，但是可以確定的是 Multiplexing 很可能會(huì)被用到。
如果發(fā)現(xiàn)用不了 HTTP2 呢愈捅？或者用不了 HTTPS（現(xiàn)實(shí)中的 HTTP2 都是在 HTTPS 上實(shí)現(xiàn)的遏考，所以也就是只能使用 HTTP/1.1）。那瀏覽器就會(huì)在一個(gè) HOST 上建立多個(gè) TCP 連接蓝谨，連接數(shù)量的最大限制取決于瀏覽器設(shè)置灌具，這些連接會(huì)在空閑的時(shí)候被瀏覽器用來發(fā)送新的請(qǐng)求，如果所有的連接都正在發(fā)送請(qǐng)求呢譬巫？那其他的請(qǐng)求就只能等等了咖楣。
