javascript - js能否檢測單文件加載進度

問題描述

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

問題解答

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