前端性能優化整理

1.合併請求

• 合併js，css等文本文件
  
• css雪碧圖
• 原理：減小瀏覽器對服務器發起的請求數，從而減小在發起請求過程當中花費的時間

2.Minify

• 對js，css等文本文件進行最小化處理（去除空格，換行，註釋等）
• 代碼進行優化

 

3.dns-prefetch

　　DNS預獲取：在加載網頁時對網頁中的域名進行解析緩存，這樣在你單擊當前網頁連接無需DNS解析，減小瀏覽者等待時間，提升用戶體驗

　　

4.對圖片進行優化：

1. css雪碧圖（同時屬於圖片優化）
2. 使用base64編碼代替圖片（圖片小於2kb）
3. 加載對應尺寸圖片（pc端，移動端加載不一樣大小、尺寸圖片）
4. 圖片延時加載（懶加載）
5. css,svg,canvas,iconFont代替圖片

5.使用CDN（內容分發網絡）

6.Gzip壓縮

　　在服務器端對代碼以及資源文件進行壓縮，減小文件大小，傳送至客戶端（瀏覽器）以後，再進行解壓。

7.除非無可奈何的狀況下，避免重定向