Javascript:画像のプリロードのテストプログラム

・このページを表示すると即座にプリロードが開始されます。
・ローディング中 1枚目>2枚目>3枚目>完了、と進捗状況が順次表示された後、画像が表示されます。
ただし回線が高速な場合やキャッシュから読み込まれる場合は一瞬なので進捗状況がいきなり完了になります
※約1MBの画像が3枚読み込まれます。スマホなどの人はパケット代に注意、ブラウザのキャッシュが有効なら2回目以降の通信は発生しないと思います。
※画像がロード完了後に一瞬で表示されないのは、大きな画像は表示にも時間がかかるためです。実際の運用には考慮する必要があります。

画像表示エリア

ログ表示


あちあち情報局 に戻る