使用cdn
進行dns預解析
每個請求都需建立連線消耗一定時間，請求數越多則網頁載入時長越長。
我們可以將資源盡可能的合併從而減少請求：
合併，使用sprites精靈圖 ；
css 檔案合併；
動態指令碼載入
defer html解析完成後才執行，按載入順序依次執行
async 載入完立即執行，和載入順序無關
不傳送請求到伺服器，滿足條件直接從快取獲取資源
expires 絕對時間
cache-control 相對時間
傳送請求到伺服器，由伺服器判斷是否從快取獲取資源
last-modified(響應頭) if-modified-since(請求頭)
etag(響應頭) if-none-match(請求頭)
cdn（內容發布網路）是一組分布在多個不同地理位置的web伺服器，用於更加有效地向使用者發布內容
// 開啟瀏覽器dns預解析
// 強制預解析
web前端效能優化
01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...
web前端效能優化
一 網路相關的一切，包括dns解析 http請求等等 二 web優化，就是前端頁面相關部分，也就是我們日常擼 能夠做到的一些 1 設定dns多級快取 瀏覽器快取，系統快取，路由器快取，ips伺服器快取，根網域名稱伺服器快取，頂級網域名稱伺服器快取，主網域名稱伺服器快取。2 dns負載均衡 dns重定...
Web前端效能優化
1.1 減少http請求 1.2 加快dns解析 1.3 設定http快取 1.4 資源合併 js,css 1.5 資源前端壓縮 1.6 精靈 sprite 1.7 data url scheme 1.8 服務端壓縮gzip 1.9 懶載入 1.10 css頭部載入 1.11 js非同步載入 1.1...