【JavaScript】ページ読み込み度

Question

今ホームページを作っていて、ページを読み込むときにページの読み込み度（%）を表示したいのですがJavaScriptで実現可能ですか？できれば方法を教えて下さい。

Comments

[yambejp]

「読み込み度」の定義は？

Answer 1

ページを読み込むときに

ブラウザでURLを指定して、最初のページリロードのタイミングの話かな？
もしそうなら、それはどうあがいても不可能。
そもそも動作するべきHTMLもJavaScriptも何もないから、動かしようもないからね。

まぁ、考え方を変えて代案を示す事が出来る。

---

既に知ってたらこの章は読み飛ばしても構わないけど、
Ajaxという技術は知ってる？

JavaScriptはHTMLに書かれた内容以外のファイルをあとづけでダウンロードする機能が備わってる。
Ajaxにはプログレスというファイルサイズを検知して今どれだけダウンロードが進んでますよと通知する機能を実装することができる。

参考サイト：Googleの検索結果

もし1個の重いファイルじゃなくて、軽い沢山のファイルだったら、
ダウンロード完了したファイル数 / ダウンロード対象の全ファイル数の両方を変数として控えておいて、
ファイルのダウンロードが完了する度にダウンロード完了したファイル数の変数を増やすというアプローチも出来る。

---

さて、話は戻ってまっさらなページで重い複数のファイルを読み込みたい場合。

Googleマップのようなアプローチだね。
最初はしょぼーい枠だけ用意しておいて後付で地図の断片データを次々とダウンロードするみたいな。

もちろん実装難易度は格段に上がる。
結論としてはJavaScriptでプログレスバーは可能だけど、プログレスバーの為にそこまでする価値があるのかは要検討ってとこかな。

Comments

[hota1024]

試してみたら出来ました。ありがとうございます！