php - 網站輪播圖如何載入速度快

Question

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

Answer 1

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

Answer 2

1. 可以的話，圖片用 webp ，或 tinyPNG ；

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

3. CDN；

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

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

想到再補充

Answer 3

簡單快速無門檻的方法：

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，這兩天介紹文章滿天飛

Answer 4

跟行屍走肉行屍走肉