進入首頁 首頁的輪播圖6張 是從資料庫裡面讀取地址加載出來的 打開時候需要加載很久 請問有什麼方法嗎 排除懶加載 圖片已經進行過壓縮
可以使用預先加載,在剛剛訪問的時候就已經加載進來了
可以的話,圖片用 webp ,或 tinyPNG ;
尺寸匹配輪播組件實際大小,或另做縮圖;
CDN;
http/1.x 升級到 http/2;
快取到 localStorage 本地,格式用 base64,設定一個過期重載機制;...
想到再補充
簡單快速無門檻的方法:
自己在伺服器設定gzip壓縮
花點錢弄個小文件存放+cdn一起服務,例如七牛、OSS、又拍...
較複雜、有點門檻、需要看具體應用場景是否適合的方法:
考慮用知乎的類似懶加載效果,但是比傳統的懶加載體驗要好不少,逼格滿滿,按邏輯拆分大小圖(或用cdn服務的api改變參數實現),默認加載小圖,然後用過度效果載入大圖。
效果請看這個連結:https://zhuanlan.zhihu.com/p/...小圖:https://pic2.zhimg.com/v2-bf1...大圖:https:// pic2.zhimg.com/v2-bf1...
考慮全新的圖片格式,例如google的webp,有損壓縮估計比jpg小30%左右,無損壓縮估計比jpg小60%左右,還有騰訊最新的自研格式TPG,這兩天介紹文章滿天飛
跟行屍走肉行屍走肉
可以使用預先加載,在剛剛訪問的時候就已經加載進來了
可以的話,圖片用 webp ,或 tinyPNG ;
尺寸匹配輪播組件實際大小,或另做縮圖;
CDN;
http/1.x 升級到 http/2;
快取到 localStorage 本地,格式用 base64,設定一個過期重載機制;
...
想到再補充
簡單快速無門檻的方法:
自己在伺服器設定gzip壓縮
花點錢弄個小文件存放+cdn一起服務,例如七牛、OSS、又拍...
較複雜、有點門檻、需要看具體應用場景是否適合的方法:
考慮用知乎的類似懶加載效果,但是比傳統的懶加載體驗要好不少,逼格滿滿,按邏輯拆分大小圖(或用cdn服務的api改變參數實現),默認加載小圖,然後用過度效果載入大圖。
效果請看這個連結:https://zhuanlan.zhihu.com/p/...
小圖:https://pic2.zhimg.com/v2-bf1...
大圖:https:// pic2.zhimg.com/v2-bf1...
考慮全新的圖片格式,例如google的webp,有損壓縮估計比jpg小30%左右,無損壓縮估計比jpg小60%左右,還有騰訊最新的自研格式TPG,這兩天介紹文章滿天飛
跟行屍走肉行屍走肉