關於前端的效能優化，每次提到這個詞大家都有很多idea。現在靜下來思考下我們用到的各種手段最終可以歸納為三步
位元組數也就是我通常說的減少資源檔案（js,css,image,video...）的大小
1，壓縮
2，快取
3，針對首屏優化
對非關鍵資源延遲載入、非同步載入，減少首屏資源大小
1，合併請求
2，減少請求數
3，針對一些場景採用css、js內聯的方式
4，使用強快取減少了一次伺服器請求
5，非關鍵資源延遲、非同步載入，減少了首屏資源連線數
1，bigpipe分塊輸出
這裡主要是因為要完成一整個頁面的輸出後端需要處理很多個任務，我們可以將這些多個任務進行分塊，誰先完成誰就先輸出，最終通過js回填的方式輸出dom節點。這種方式主要解決了直出頁面阻塞的問題
2，bigrender分塊渲染
常規的手段就是採用前端模板渲染頁面，針對首屏時間主要減少了首次構建dom樹時的節點數
3，針對reflow，repaint，composit路徑處理
4，涉及到動畫時關於layer的概念render layer、graphics layer
5，css放在頭部、js放底部避免阻塞dom樹的構建，上面針對性能優化的三步給出了相應的解決方案，這並不是全部，以後大家在思考前端效能優化師可以從這三個基準方向出發
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 載入完立即執行，和載入順序無關...