ajaxとプリロードのメリットデメリットについて

Question

こんばんは。

大量の画像を使う（容量の軽いjpgを150枚ほど）webページを制作していて、現在画像の読み込みをプリロード(PreloadJS)で行っています。
しかし、大量の画像は一度に使うわけではないので、もしかしたらAjaxの方がいいかもしれないとも考えたのですが、preloadとの違いがよくわかっていません。

別にそこまで困るほど読み込みが遅くなっている現状ではないので、無理に変える必要もないとも思うのですが........

・preloadとajaxのメリットデメリット

を教えてください。

よろしくお願いいたします

Answer 1

解決済みのところ申し訳ありません。
目的に合わないかもしれませんが、軽くするために遅読み込みという手もあるかもしれません。
有名なjqueryのプラグインもありますので、よろしければ見てみてください。

https://syncer.jp/how-to-setting-lazy-load-images

Comments

[dialbird]

T.Yokotaniさん
返信が大変遅れて申し訳有りません！
そしてご返答ありがとうございます！

ある種Ajaxに近いようなことをするわけですね！
こんなものもあるのですか........

非常に参考になります！
ありがとうございました！

Answer 2

基本、裏返しかと

preload
メリット：
・サーバに対して1回のリクエストで済む
・読み込んだ後はサクサク表示できる
・一度読み込めばオフラインでも表示できる
デメリット：
・将来的に初期起動が遅くなる可能性が高い
・ユーザに無駄な通信コストを敷いてしまう

ajax
メリット：
・10枚づつとか小出しで表示できるから初期起動が軽い
・無駄な通信コストを抑える
デメリット：
・サーバへの負荷が高くなる
・オフラインに対応できない

Comments

[dialbird]

takaki.ishibashさん
ご返答ありがとうございます！

将来的にも遅くなる可能性があるのですね........。
わかりやすい説明をありがとうございます！