在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 前端如何根據(jù)網(wǎng)絡(luò)狀態(tài)對(duì)圖像做自適應(yīng)壓縮?

前端如何根據(jù)網(wǎng)絡(luò)狀態(tài)對(duì)圖像做自適應(yīng)壓縮?

首先講下我這邊自適應(yīng)壓縮的含義:img標(biāo)簽中src存放占位圖,data-ori存放原圖地址,頁面onload后根據(jù)網(wǎng)絡(luò)狀態(tài)去加載大圖(src替換為data-ori的值),服務(wù)端已提供多種壓縮程度的圖片。

其中遇到了兩個(gè)問題:

問題1:關(guān)于網(wǎng)絡(luò)狀態(tài)的判斷,目前做法是根據(jù)Web Performance Api 做下簡單的transferSize/responseTime計(jì)算。但該Api不能做到完全兼容,并且這個(gè)帶寬計(jì)算過于簡單不是很準(zhǔn)。求教有沒有什么比較好的帶寬測(cè)速方案(不引入第三方資源)。

問題2:計(jì)算得到網(wǎng)絡(luò)狀態(tài)后,根據(jù)網(wǎng)絡(luò)狀態(tài)得到一定的壓縮比。在data-ori的圖片請(qǐng)求發(fā)起時(shí),會(huì)在其后帶上一個(gè)壓縮標(biāo)識(shí),比如 a.jpg?q=100表示加載原圖,服務(wù)端根據(jù)q值大小來提供相應(yīng)壓縮比圖片。但是由于url變化了就會(huì)有不走緩存的問題:比如本地已經(jīng)緩存了原圖a.jpg?q=100,當(dāng)前網(wǎng)絡(luò)狀態(tài)較差,onload后計(jì)算得到q=60,data-ori發(fā)起請(qǐng)求會(huì)請(qǐng)求a.jpg?q=60而不是走緩存。
不知道有沒有好的做法呢?

回答
編輯回答
六扇門

發(fā)一個(gè)請(qǐng)求,計(jì)算響應(yīng)時(shí)間

2018年8月22日 19:10