問題描述

最近公司有個需求，要求我們手機網(wǎng)頁在打開的時候，能顯示資源的加載進度。我提出例如總體圖片的加載作為進度條的數(shù)據(jù)。但是領(lǐng)導想要能顯示單文件資源加載進度（例如css，js，圖片等資源在網(wǎng)絡(luò)超級差的情況下）。后來網(wǎng)絡(luò)上我看了一些資料都是一下關(guān)于下載的（雖然我也感覺下載和緩存不是一回事==），感覺不太是領(lǐng)導要求的。所以深夜發(fā)文了。要是能有小小demo讓我拜讀一下就更好了。

問題解答

單文件的加載時間，可以通過Perfromance API來處理，使用performance.getEntries()獲取所有資源請求的時間數(shù)據(jù)這里有篇文章，你可以參考初探 performance – 監(jiān)控網(wǎng)頁與程序性能，希望可以幫到你。