1.dns-prefetch
2.請求合併
合併請求減少http請求消耗，提公升訪問效能
- css sprite
- 靜態資源合併（css，js合併）
- 介面合併
3.壓縮
壓縮**使css、js等靜態檔案變小。
壓縮使變小。
- css、js等靜態資源壓縮
- 壓縮，在不影響顯示質量的情況下。
- gzip壓縮
4. http快取
基於http快取的機制，我們可以做預載入的優化，提公升互動速度。檔案內容更新採用url變更到方式更新。
強制快取
協商快取
5.cdn
使用cdn，可以根據訪問就近原則，提供就近機房訪問服務。
6.合理減少cookie使用
可以啟動無cookie的網域名稱，避免http請求攜帶cookie，減少請求大小。
在一些場景下使用localstorage替代cookie。
7. 首屏css內嵌&非首屏樣式按需載入
隨著html的解析，直接渲染首屏樣式，加快樣式展現。後續樣式按需動態載入。
8. 避免請求重定向
每一次302跳轉，都會有一次http請求，造成總請求時間變長。
9.減少伺服器運算時間
減少http請求到達後進行的資料庫、io等操作，對於非實時性內容提前build進模版成為新模版。
動態個性內容瀏覽器端非同步載入（jsonp || ajax）。
10.lazyload
非首屏html和css內容按需載入
非首屏顯示再載入
11.html內聯js+本地儲存
在html結構區，js直接操作本地資料展現
12.非主要內容js放在頁面底部
js後置，減少js載入對html渲染的阻塞。
13.js重複操作dom進行快取
減少reflow和repaint
公共內容抽象提取，減少重複**
避免使用css表示式。
css選擇器盡量明確，快速定位，避免全部查詢。
……可以啟動無
cookie
的網域名稱，避免
請求攜帶
cookie
，減少請求大小。
在一些場景下使用
localstorage
替代cookie。
壓縮**使
css、
js等靜態檔案變小壓縮使變小。
css、js
等靜態資源壓縮
壓縮，在不影響顯示質量的情況下。
gzip壓縮
2. 請求合併
前端效能優化
1.減少http請求次數 css sprites 在國內很多人叫css精靈，是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去，這樣一來，當訪問該頁面時，載入的就不會像以前那樣一幅一幅地慢慢顯示出來了。對於當前網路流行的速度而言，不高於200kb的單張的所需載入時間基本是...
前端效能優化
在開發好頁面後，如何讓頁面更好更快的執行 從前端的角度來看，效能可以分為兩個方向 從使用者角度來看，乙個是頁面載入的很快，另乙個是頁面使用起來非常流暢 輸入了url 瀏覽器開始解析 查詢本地快取 dns解析 建立連線 伺服器處理 伺服器響應 客戶端收到響應 解析html 然後開始渲染頁面 使用者可以...
前端效能優化
隨著現在 越來越酷炫，各種，資源庫，動畫等等用的越來越多，在使用者視覺和功能的提公升的同時，效能也成為乙個必須考慮的點。有人說 乙個 開啟時間超過8s，網民就會流失70 以上。這種說法我覺得不是很正確的，除非是非常重要 必須要使用的 否則超過5s我基本直接關了，體驗太差。所以，使用者 忍讓 是有極限...