多くのdivを備えたWebサイトがあります。各 div には異なるアニメーション イメージが含まれます。下にスクロールすると、アニメーション画像を含む div が追加されます。
しばらくすると、同時に多くの GIF がページに表示され、ページが遅くなります。
私の質問は、ページの「メモリ負荷」を軽減するために、以前にロードされた GIF (ビューポートにない) を「整理」するための最良の方法は何でしょうか?
私が考えたこと:
IMG の SRC をサムネイルに変更する
div を非表示にする
divを非表示にして、どういうわけかダミーのマージンを追加します
... ?