微信小程序頁面裝修時(shí)經(jīng)常會(huì)用到很多圖片,方便運(yùn)營者展示自己的產(chǎn)品和品牌,如果圖片加載速度過慢,難免會(huì)影響到用戶體驗(yàn),我們可以通過這幾個(gè)方法來提高圖片加載速度。
如何提高小程序圖片加載速度
1、轉(zhuǎn)變合適的圖片格式
不同的圖片格式對加載速度也有影響。比如,webp格式的圖片體積相對會(huì)小很多,轉(zhuǎn)變后不會(huì)改變圖片尺寸,只會(huì)改變圖片大小,這樣自然會(huì)提升加載速度,縮短加載時(shí)間。不過,這里我們需要注意webp圖片格式的支持范圍。
2、修改圖片尺寸
圖片寬高不必太大,除非是做圖片放大鏡功能,否則大概預(yù)留圖片容器的1.5倍即可,并不會(huì)影響觀看的分辨率,圖片大小也會(huì)相應(yīng)減少。
3、采用分布式
將圖片上傳到云端,如cos、oss等,圖片地址存儲到數(shù)據(jù)庫,去云端獲取圖片訪問鏈接,在用云儲存來處理圖片格式和尺寸,效率更高。
除此之外,小程序開發(fā)者還可以通過CDN加速、合理使用圖片占位符、代碼分割等手段幫助提升圖片加載速度。