最近、会社ではモバイル Web ページを開いたときにリソースの読み込みの進行状況を表示するという要件がありました。例えば全体画像の読み込みをプログレスバーのデータとして入れてみました。しかし、リーダーは、単一ファイル リソース (ネットワークが極度に貧弱な場合の CSS、JS、画像、その他のリソースなど) の読み込みの進行状況を表示できるようにしたいと考えています。後でインターネットでいくつかの情報を読んだのですが、それらはすべてダウンロードに関するものであり (ダウンロードとキャッシュは同じではない気もします ==)、それは指導者によって要求されていないように感じます。ということで深夜に投稿しました。読むための小さなデモがあればもっと良いでしょう。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
单文件的加载时间，可以通过Perfromance API来处理，使用
performance.getEntries()获取所有资源请求的时间数据这里有篇文章，你可以参考初探 performance – 监控网页与程序性能，希望可以帮到你。