画像など重いファイルを後から読み込むようにする方法

Question

Webページを開いたときに、テキストだけ最初に読み込んで、画像など重いファイルがある場所はとりあえず場所だけ空けておいて、「読み込み中」のようなメッセージを表示し、テキストを全部読み込んだ後で読み込むようにすることはできますか？

Comments

[miyabi_pudding]

ご自分で調べてみたこと、やってみたことなどありましたら、質問に記載してください。今のままの質問だと、”やりたいことだけを述べた、ぶん投げ質問”になってしまいます。

Answer 1

有名なのはこのへんですかね
tuupola/jquery_lazyload

Answer 2

画像を後から読み込ませる方法は分かりませんが、画像があってもページをより早く表示させる方法を紹介しているサイトがありましたので、そちらのリンクを載せさせていただきます。

https://www.suzukikenichi.com/blog/5-tips-to-make-your-sites-fast-by-optimizing-images/

http://www.akagami.jp/seo/webpage-read_speed-improvement.html