javascript - 動的画像の読み込みはサーバーの過負荷を軽減しますか?

Question

たとえば、ユーザーがページを画像があるべき場所にスクロールしたときにのみ画像を読み込むスクリプトを作成した場合、そのスクリプトはページの読み込み時間を短縮し、長期的にはより良いでしょうか?

Answer 1

DOM の準備ができて表示されるまでの時間を短縮することはありません (少なくともそれほどではありません)。画像はブラウザーによって非同期に読み込まれるため、画像が完全に読み込まれるまでプレースホルダーが画像の代わりに配置されます。

ただし、あなたが言ったように、必要に応じて画像をロードするスクリプトを実装することをお勧めします。不要な画像で人々の帯域幅を浪費しても意味がありません。（画像がたくさんある場合）、たとえばGoogleの画像検索のように。

ユーザーがページを読み込んですぐに下にスクロールした場合、すべての画像を一度にロードするページは、表示されている画像が表示されることを保証するために、すべての画像が読み込まれるまで待機する必要があることに注意してください。ある種のスクリプトを実装すると、画像がロードされる方法と順序を制御できます。

Answer 2

はい、読み込み時間は短縮されますが、スクロール ダウン時に画像が読み込まれるまでユーザーを待たせることになります。