對於前端開發中,對圖片的最佳化,我有以下幾點建議:
一、圖片cdn進行載入
cdn儲存圖片等靜態資源,可以加速使用者的訪問速度,最佳化前端效能。國內優秀的cnd廠商有阿里雲,七牛雲,圖床
二、壓縮圖片
圖片壓縮是最常用的最佳化手段,可以上傳到tinypng等線上壓縮平臺
三、雪碧圖
可以用雪碧圖這個方案,減少網路請求
四、懶載入
重新整理頁面時,先不載入圖片,等滾動到圖片上時,再把src進行圖片地址的替換,達到懶載入的效果
五、選擇合適的圖片格式
例如圖示可以用svg或ico合適
總結
前端效能最佳化是很重要的,而圖片最佳化則是前提,結合自己的專案進行最佳化,選擇適合自己的方案!
對於前端開發中,對圖片的最佳化,我有以下幾點建議:
一、圖片cdn進行載入
cdn儲存圖片等靜態資源,可以加速使用者的訪問速度,最佳化前端效能。國內優秀的cnd廠商有阿里雲,七牛雲,圖床
二、壓縮圖片
圖片壓縮是最常用的最佳化手段,可以上傳到tinypng等線上壓縮平臺
三、雪碧圖
可以用雪碧圖這個方案,減少網路請求
四、懶載入
重新整理頁面時,先不載入圖片,等滾動到圖片上時,再把src進行圖片地址的替換,達到懶載入的效果
五、選擇合適的圖片格式
例如圖示可以用svg或ico合適
總結
前端效能最佳化是很重要的,而圖片最佳化則是前提,結合自己的專案進行最佳化,選擇適合自己的方案!