摘要：一般來說頁面訪問的時間有一條著名的「2-5-8原則」。當使用者訪問乙個頁面： 1、在2秒內得到響應時，會感覺系統響應很快； 2、在2-5秒之間得到響應時，會感覺系統的響應速度還可以； 3、在5-8秒以內得到響應時，會感覺系統的響應速度很慢，但可以接受； 而超過8秒後仍然無法得到響應時，使用者會感覺系統糟透了，進而選擇離開這個站點，或者發起第二次請求。對於乙個**如果希望抓住使用者，**的速度以及穩定性是非常重要的。從上面可以看出，**前端的使用者體驗決定了使用者是否想要去使用**的功能，而**的功能決定了使用者是否會一票否決前端體驗。 不僅僅如此，如果前端優化得好，他不僅可以為企業節約成本，他還能給使用者帶來更多的使用者，因為增強的使用者體驗。總結成三點就是： 1、加快頁面展示和執行速度 2、節約伺服器頻寬流量 3、減少伺服器壓力
一般來說，遵循避免過早優化的原則，因為**再發過程中的成本相對來說還是比較高的，web開發工程師、ui、產品、運維、後台服務等等，所以第一我們要保證基本功能完成，再考慮優化。第二在沒有找到效能瓶頸之前，不要優化
2、針對傳送方面的請求優化
localstorage（本地儲存） 靜態資源打包，開啟 gzip 壓縮（節省響應流量） cookie 隔離（節省請求流量） 使用 cdn 加速（訪問最近伺服器）3、針對等待伺服器響應方面的優化
合理設定 http 快取：etag 與 cache-control 啟用 http/2（多路復用，並行載入） 優化資料庫查詢 部署負載均衡
5、針對渲染 html、css、js 和優化
最小化重繪(repaint)和回流(reflow)：批量修改元素樣式、避免 table 布局等 針對響應使用者事件優化 盡量不在前端做複雜的運算
web前端效能優化
01 減少http請求 使用css sprite 合併js css02 使用cdn 當頁面中有很多資源的時候可以從不同伺服器中讀取 設定長的expires時間將直接減少http請求 如果資源設定了expires頭為將來的某個時間,下次訪問時候瀏覽器 發現資源還沒有過期,會直接從快取中讀取,不會再次產...
web前端效能優化
一 網路相關的一切，包括dns解析 http請求等等 二 web優化，就是前端頁面相關部分，也就是我們日常擼 能夠做到的一些 1 設定dns多級快取 瀏覽器快取，系統快取，路由器快取，ips伺服器快取，根網域名稱伺服器快取，頂級網域名稱伺服器快取，主網域名稱伺服器快取。2 dns負載均衡 dns重定...
前端web效能優化
使用cdn 進行dns預解析 每個請求都需建立連線消耗一定時間，請求數越多則網頁載入時長越長。我們可以將資源盡可能的合併從而減少請求 合併，使用sprites精靈圖 css 檔案合併 動態指令碼載入 defer html解析完成後才執行，按載入順序依次執行 async 載入完立即執行，和載入順序無關...