Facebook的網(wǎng)站速度做為最樞紐的公司任務之一。

1. 哀求解析：Web服務器解析和完整性檢查的HTTP哀求。重疊Web服務器的天生時間與瀏覽器的渲染時間，我們不僅可以減少終極的時間延遲，也能使網(wǎng)頁更早顯示用戶可見區(qū)域給用戶，從而大大減少用戶對延遲的感知。

為了更好的了解BigPipe，我們需要了解一下現(xiàn)有的動態(tài)Web服務系統(tǒng)，它的歷史可以追溯到萬維網(wǎng)的初期，但現(xiàn)在與初期比擬卻并沒有多少改變。現(xiàn)代網(wǎng)站有著遠遠高于10年前的動態(tài)效果和互動性，但傳統(tǒng)的網(wǎng)頁服務系統(tǒng)早已無法跟上當今互聯(lián)網(wǎng)速度的要求。然而，這些優(yōu)化卻很少涉及Web服務器和瀏覽器的執(zhí)行順序造成的瓶頸。任何一個查詢延遲都將拖慢整個終極文件的天生。

2. JavaScript中下載：瀏覽器下載網(wǎng)頁中JavaScript引用的資源。當Web服務器完成天生頁面，并將其發(fā)送到瀏覽器，瀏覽器則成為機能瓶頸并且Web服務器對其無從匡助。這是類似于大多數(shù)現(xiàn)代微處理器的流水線執(zhí)行過程：多重指令管線通過不同的處理器執(zhí)行單元，以達到機能的最佳。在傳統(tǒng)的模式，用戶哀求的生命周期如下：

BigPipe是一個重新設計的基礎動態(tài)網(wǎng)頁服務體系。一些如延時加載JavaScript、并行下載等優(yōu)化技術已被網(wǎng)絡社區(qū)廣泛采用，以此來克服的一些限制。
3. 標記天生：Web服務器天生的響應的HTML標記。
4. CSS的下載：瀏覽器下載網(wǎng)頁的CSS的要求。固然 BigPipe是對現(xiàn)有的服務網(wǎng)絡基礎過程的重新設計，但它卻不需要改變現(xiàn)有的網(wǎng)絡瀏覽器或服務器，它完全使用PHP和JavaScript來實現(xiàn)。大體思路是，分解網(wǎng)頁成叫做Pagelets的小塊，然后通過Web服務器和瀏覽器建立管道并治理他們在不同階段的運行。當Web服務器正忙天生一個頁面，瀏覽器處于閑置狀態(tài)，鋪張其周期無所事事。在本文中，我將向大家先容我們的秘密武器之一，我們稱之為BigPipe的偉大底層技術。正如流水線微處理器劃分一個指令的生命周期為（如“取指令”，“指令解碼”，“執(zhí)行”，“寫回寄存器”等）多個階段，BigPipe的頁面天生過程分為以下幾個階段：

BigPipe如何工作

Web服務器的產(chǎn)生時間和瀏覽器的渲染時間重疊，是特別有用的，如Facebook這樣內容豐碩的網(wǎng)站。
5. 網(wǎng)絡傳輸：響應從Web服務器傳送到瀏覽器。

要利用該Web服務器和瀏覽器之間的并行性，BigPipe首先分解網(wǎng)頁成多個可調用的Pagelets。

6. CSS資源下載后，瀏覽器解析它們，并將它們應用到DOM樹。在傳統(tǒng)的網(wǎng)頁呈現(xiàn)模式的用戶將不得不等到這些查詢數(shù)據(jù)都返回并天生終極文件，然后將其發(fā)送到用戶的電腦。
7. 瀏覽器解析Web服務器的響應，使用HTML文件構建了一個的DOM樹，并且下載引用的CSS和JavaScript文件。
8. DOM樹結構和CSS樣式：瀏覽器構造的DOM文檔樹，然后應用它的CSS規(guī)則。
9. Web服務器解析哀求，然后讀取數(shù)據(jù)存儲層，制定一個HTML文件，并用一個HTTP響應把它發(fā)送到客戶端。一個典型的Facebook的網(wǎng)頁包含很多來源不同的數(shù)據(jù)資料：摯友名單，摯友動態(tài)，廣告等。
10. HTTP響應通過互聯(lián)網(wǎng)傳送到瀏覽器。而恰是我們的工程師團隊的幾個樞紐的立異使它成為可能。

11. JavaScript資源下載后，瀏覽器解析并執(zhí)行它們。
傳統(tǒng)模式在現(xiàn)代網(wǎng)站中效率長短常低下的，由于良多系統(tǒng)的操縱順序，不能互相重疊。在2009年，我們成功地實現(xiàn)了Facebook網(wǎng)站速度晉升兩倍 。

12. 瀏覽器發(fā)送一個HTTP哀求到Web服務器。
13. 數(shù)據(jù)獲取：Web服務器從存儲層獲取數(shù)據(jù)。