最近公司有個(gè)需求,要求我們手機(jī)網(wǎng)頁在打開的時(shí)候,能顯示資源的加載進(jìn)度。我提出例如總體圖片的加載作為進(jìn)度條的數(shù)據(jù)。但是領(lǐng)導(dǎo)想要能顯示單文件資源加載進(jìn)度(例如css,js,圖片等資源在網(wǎng)絡(luò)超級(jí)差的情況下)。后來網(wǎng)絡(luò)上我看了一些資料都是一下關(guān)于下載的(雖然我也感覺下載和緩存不是一回事==),感覺不太是領(lǐng)導(dǎo)要求的。所以深夜發(fā)文了。要是能有小小demo讓我拜讀一下就更好了。
單文件的加載時(shí)間,可以通過Perfromance API來處理,使用performance.getEntries()
獲取所有資源請(qǐng)求的時(shí)間數(shù)據(jù)這里有篇文章,你可以參考初探 performance – 監(jiān)控網(wǎng)頁與程序性能,希望可以幫到你。