javascript - js能否偵測單一檔案載入進度

Question

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

Answer 1

單一檔案的載入時間，可以透過Perfromance API來處理，使用performance.getEntries()取得所有資源請求的時間資料這裡有篇文章，你可以參考初探performance – 監控網頁與程式效能，希望可以幫到你。