回覆列表
  • 1 # 添添Vlog

    對於前端開發中,對圖片的最佳化,我有以下幾點建議:

    一、圖片cdn進行載入

    cdn儲存圖片等靜態資源,可以加速使用者的訪問速度,最佳化前端效能。國內優秀的cnd廠商有阿里雲,七牛雲,圖床

    二、壓縮圖片

    圖片壓縮是最常用的最佳化手段,可以上傳到tinypng等線上壓縮平臺

    三、雪碧圖

    可以用雪碧圖這個方案,減少網路請求

    四、懶載入

    重新整理頁面時,先不載入圖片,等滾動到圖片上時,再把src進行圖片地址的替換,達到懶載入的效果

    五、選擇合適的圖片格式

    例如圖示可以用svg或ico合適

    總結

    前端效能最佳化是很重要的,而圖片最佳化則是前提,結合自己的專案進行最佳化,選擇適合自己的方案!

  • 中秋節和大豐收的關聯?
  • 螢幕嚴重老化的手機值不值得買?