WEB前端效能最佳化

HTML主體  < 10%

    效能時間：下載、渲染。

 

瀏覽器->網域名稱的串連數

 

應用程式層（TCP/IP-UPD-HTTP、HTTPS）、網路層、鏈路層、物理層

 

簡易HTTP請求

1. DNS （網域名稱->IP）
2. Connect（請求伺服器串連）
3. Send（開始請求，發送HTTP頭）
4. ServerTime（伺服器處理）
5. Receive（伺服器返回）

DNS

    地區CDN靜態內容分發

    ISP（電信、聯通）

    最佳化方向：減少DNS解析請求（less domain）、負載平衡（more domain）、DNS預存取（HTML5）

    DNS最佳化：簡單輪詢、智能解析（就近DNS伺服器、就近WEBSERVER）、自建NS伺服器

 

 Connect

    長串連（持久串連）保持串連狀態，資料保持。

    IE6隻允許2個串連數，FF、IE8為6個串連數

    最佳化方向：減少請求數，同域下保持長串連

 

Send

    用戶端請求(client to server)

    減少不必要的請求

    減少請求中的資料（無關POST資料、無需傳送的Cookie-free domain：靜態資源請求時不需要Cookie、控制大小減少分包）

 

Receive

    地區、ISP、分包重組

    CDN-DNS

    按需載入，消極式載入，預先載入

 

資料連結串列與並行

    串列：0-0-0-

    並行：000-000-000-

    HTTP1.1 pipelining Opera瀏覽器預設開啟

 

Google spdy 最佳化資源優先順序

tcp協議最佳化：fast/Tcp