php - 網站輪播圖如何載入速度快
给我你的怀抱
给我你的怀抱 2017-05-16 12:59:36
0
4
648

進入首頁 首頁的輪播圖6張 是從資料庫裡面讀取地址加載出來的 打開時候需要加載很久 請問有什麼方法嗎 排除懶加載 圖片已經進行過壓縮

给我你的怀抱
给我你的怀抱

全部回覆(4)
巴扎黑

可以使用預先加載,在剛剛訪問的時候就已經加載進來了

黄舟
  1. 可以的話,圖片用 webp ,或 tinyPNG ;

  2. 尺寸匹配輪播組件實際大小,或另做縮圖;

  3. CDN;

  4. http/1.x 升級到 http/2;

  5. 快取到 localStorage 本地,格式用 base64,設定一個過期重載機制;
    ...

想到再補充

阿神

簡單快速無門檻的方法:

  1. 自己在伺服器設定gzip壓縮

  2. 花點錢弄個小文件存放+cdn一起服務,例如七牛、OSS、又拍...

較複雜、有點門檻、需要看具體應用場景是否適合的方法:

  1. 考慮用知乎的類似懶加載效果,但是比傳統的懶加載體驗要好不少,逼格滿滿,按邏輯拆分大小圖(或用cdn服務的api改變參數實現),默認加載小圖,然後用過度效果載入大圖。

效果請看這個連結:https://zhuanlan.zhihu.com/p/...
小圖:https://pic2.zhimg.com/v2-bf1...
大圖:https:// pic2.zhimg.com/v2-bf1...

  1. 考慮全新的圖片格式,例如google的webp,有損壓縮估計比jpg小30%左右,無損壓縮估計比jpg小60%左右,還有騰訊最新的自研格式TPG,這兩天介紹文章滿天飛

巴扎黑

跟行屍走肉行屍走肉

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板