1.改變圖片尺寸:對於上傳的圖片,在后台對圖片進行可接受范圍內的最大限度壓縮,圖片寬高不用太大,大概預留你圖片容器的1.5倍就行了,除非你做圖片放大鏡功能,否則小程序上加載2倍圖意義不大,清晰度體驗也沒那么差。我做的項目沒有圖片上傳功能,我就用的美圖秀秀統一改變圖片尺寸
2.采用分布式,將圖片上傳到雲端,圖片地址存儲到數據庫,去雲端獲取圖片訪問鏈接,如cos,oss,阿牛雲、又拍雲,
利用軟件統一改照片名字,然后直接上傳原圖到雲存儲,利用雲存儲的圖片處理功能將圖片的格式和尺寸修改,就不用自己來修改了
問題:數據庫如何存儲雲端圖片的地址,如何命名
3.將圖片進行質量處理,壓縮圖片大小,轉換為webp格式,這招非常的有用,速度一下子就提起來了,又拍雲有這個功能,很好用,轉換后不會改變圖片尺寸,只改變圖片大小,圖片從124k到16k;但webp格式不支持蘋果手機顯示,但也有解決辦法
4.使用微信的image
上自帶lazy-load
(懶加載),當屏幕移動到圖片位置的時候,再把圖片的地址換成它的地址,顯示圖片;適用於淘寶類型的多圖展示
5.使用以上方法,速度是提升上來了,但頁面有時會出現,各照片不同時出現。影響用戶軟件的使用體驗,解決辦法:把圖片列表裝在一個容器里,把容器的透明度設置為0,當我們請求接口並判斷圖片加載完成之后,我們再讓容器漸顯。這時候效果就是四張圖片全部刷的出來了