主要分為頁面級優化和**級的優化
一、頁面級優化：
1.減少http請求數；
2.合理設定http快取（被快取的資源返回的狀態碼是304，只有header沒有body，節省了頻寬）；
3.資源合併了與壓縮，盡可能將外部的指令碼，樣式進行合併，多個合為乙個，另外可以通過工具對css，js**進行壓縮；
4.css sprites(雪碧圖或精靈圖)減少請求；
5.懶載入，加快首屏渲染速度；
6.將外部指令碼置底，瀏覽器併發請求時，外鏈指令碼載入完後會阻塞其他資源（等），直到指令碼載入完才會開始載入,最簡單的方法就是盡量往後放；
7.避免重複請求資源。
二、**級優化
儘量減少不必要的dom操作
2.考慮瀏覽器的reflow和repaint（回流和重繪）
3.減少使用閉包
4.css 考慮級聯選擇器的使用
常見的前端優化技巧有哪些
大體 減少伺服器請求數 1.將多個js css檔案進行合併 2.不需要經常改動時，可使用css sprite 3.如果僅單個頁面使用某js css檔案，可以直接將檔案內容放於html頁面中 若多個頁面共用相同的js css檔案，則不應要這麼做，而應利用好瀏覽器的快取功能 加快資源訪問速度 1.cdn...
前端效能優化方案
1 雪碧圖 css sprites 就是把多張圖合到一張圖裡面，然後通過css來分別取用。這樣就可以減少請求數量。2 合併多個指令碼和樣式表 3 合理設定快取 可以在下次訪問時減少部分請求，直接在快取中讀取。4 懶載入 lazy load 只載入可見的部分。先將img標籤中的src鏈結設為同一張 空...
前端效能優化方案
多使用記憶體，快取或者其他方法 減少cpu計算，減少網路請求 減少io操作 硬碟讀寫 靜態資源的合併和壓縮。靜態資源快取 瀏覽器快取策略 使用cdn讓靜態資源載入更快。css放head中，js放body後 懶載入減少dom操作，對dom操作做快取 減少dom操作，多個操作盡量合併在一起執行 事件節流...