前言
乙個頁面的
開啟速度是其
效能最直觀的體現，那麼影響其開啟速度的因素有什麼呢？此處不再展開。本文主要聊聊關於減少http請求以達到節省時間的目的
問：減少http請求為什麼能節省時間？
頁面資源的請求，80%的時間耗費在http請求上，由於tcp請求是基於連線的請求，其連線與釋放需要一定的時間。
從瀏覽器方面來講，對同一網域名稱下的資源請求併發數量是有限制的，過多的請求數導致耗時嚴重。
那麼怎麼解決該問題呢？
css sprites
內聯 &base64
資源打包（js,css等靜態資源）
地圖配置多個網域名稱和cdn加速
1、css雪碧圖
通過使用合併，通過制定css的backgroud-image和background-position來顯示元素。
2、內聯 &base64
3、資源打包（js,css等靜態資源）
一般**都用到了很多的js**和css**，尤其是對於用了模組化的**來說，檔案非常多，非常碎片化，初次啟動頁面的時候，可能一下子就幾十個請求出去了，導致首屏時間特別的慢。有關資料現實（如下**），合併檔案的效率要比不合併高1/3。所以，對於資源特別碎片的**，建議合併一些通用的**，減少http請求。
4.、地圖
其允許你在乙個上關聯多個url。目標url的選擇取決於使用者單擊了上的那個位置。 我們可以通過使用多個分開的，然後每個都對應乙個超連結，當然這也會產生很多http請求，我們目標是減少http請求。
5、配置多個網域名稱和cdn加速
通常瀏覽器對於乙個網域名稱的併發請求是有限的，因此配置多個網域名稱能夠最大限度的增加併發請求量，
但這裡有個缺點就是會增加瀏覽器網域名稱解析的次數，建議利用cdn來載入不是經常更新和修改的靜態資源（，css庫，js第三方庫等等）。乙個是cdn網域名稱一般都會快取到本地中，另乙個是cdn網路請求速度是非常快的。
由於cdn部署在網路運營商的機房，這些運營商又是終端使用者的網路服務提供商，因此使用者請求路由的第一跳就到達了cdn伺服器，當cdn中存在瀏覽器請求的資源時，從cdn直接返回給瀏覽器，最短路徑返回響應，加快使用者訪問速度，減少資料中心負載壓力。
參考部分部落格
前端效能優化之http請求的過程
在前端面試中，經常會被問到 乙個頁面從輸入url到頁面載入顯示完成，這個過程都發生了什麼 這是前端的經典面試題之一。這個過程涉及的東西很多，區分度很高。大致分為這幾個過程 1.dns解析 2.tcp連線 3.傳送http請求 4.伺服器處理請求並返回http報文 5.瀏覽器解析渲染頁面 6.連線結束...
前端效能優化之http請求的過程
在前端面試中，經常會被問到 乙個頁面從輸入url到頁面載入顯示完成，這個過程都發生了什麼 這是前端的經典面試題之一。這個過程涉及的東西很多，區分度很高。大致分為這幾個過程 1.dns解析 2.tcp連線 3.傳送http請求 4.伺服器處理請求並返回http報文 5.瀏覽器解析渲染頁面 6.連線結束...
Web優化 減少http的請求數量（前端）
使用image maps替換多張帶有超連結的，使用地圖這種方式可以減少http請求。實際使用的時，發現載入image maps的時間倒是很長，客戶端地圖可以使用map標籤實現操作。css sprites也可以合併，但更為靈活。css sprites是任何支援背景的html元素。使用css的backg...