最近、会社ではモバイル Web ページを開いたときにリソースの読み込みの進行状況を表示するという要件がありました。例えば全体画像の読み込みをプログレスバーのデータとして入れてみました。しかし、リーダーは、単一ファイル リソース (ネットワークが極度に貧弱な場合の CSS、JS、画像、その他のリソースなど) の読み込みの進行状況を表示できるようにしたいと考えています。後でインターネットでいくつかの情報を読んだのですが、それらはすべてダウンロードに関するものであり (ダウンロードとキャッシュは同じではない気もします ==)、それは指導者によって要求されていないように感じます。ということで深夜に投稿しました。読むための小さなデモがあればもっと良いでしょう。
曾经蜡笔没有小新2017-06-12 09:21:06
単一ファイルの読み込み時間は、Perfromance API を通じて処理できます。 performance.getEntries()
を使用して、すべてのリソース リクエストの時間データを取得します。パフォーマンスの予備調査 - Web ページとプログラムのパフォーマンスの監視を参照できます。お役に立てれば幸いです。