Facebook的網站速度做為最樞紐的公司任務之一。

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

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

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

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

BigPipe如何工作

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

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

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

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

12. 瀏覽器發送一個HTTP哀求到Web服務器。
13. 數據獲取：Web服務器從存儲層獲取數據。

本文標題：高性能的“流水線技術”網頁
當前路徑：http://m.kartarina.com/news36/168586.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、網站導航、網頁設計公司、靜態網站、品牌網站制作、定制開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯