1、圖片懶加載睬捶,在頁面上的未可視區(qū)域可以添加一個滾動條事件黔宛,判斷圖片位置與瀏
覽器頂端的距離與頁面的距離,如果前者小于后者擒贸,優(yōu)先加載
2臀晃、 如果為幻燈片、相冊等酗宋,可以使用圖片預加載技術积仗,將當前展示圖片的前一張和后
一張優(yōu)先下載
3疆拘、 如果圖片為 css 圖片蜕猫,可以使用 CSSsprite(精靈圖),SVGsprite(精靈圖)哎迄,
Iconfont(字體圖標)(精靈圖回右,小圖標…)
4隆圆、如果圖片過大,可以使用特殊編碼的圖片翔烁,加載時會先加載一張壓縮的特別厲害的
縮略圖渺氧,以提高用戶體驗
5、如果圖片展示區(qū)域小于圖片的真實大小蹬屹,則應該在服務器端根據(jù)業(yè)務需要先行進行
圖片壓縮侣背,圖片壓縮后大小與展示一致