問題描述

最近公司有個(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)頁與程序性能，希望可以幫到你。