たくさんの画像を含むページがありますが、タブ付きのdivを使用しているため(つまり、CSS display:noneを使用して一部のdivを非表示にしているため)、最初は表示されません。
したがって、ページが読み込まれると、すべての画像を読み込むのに時間がかかります。これは、ページが遅いように見えます(ブラウザの読み込みバーが10秒以上完了しないため)。
ページに表示されるまで画像を読み込まない方法が欲しいのですが。
私はjQueryLazyLoadで遊んだことがありますが、これはブラウザをスクロールしたときにのみ画像をロードするようです(タブ付きのdivでは機能しません)。
したがって、LazyLoadをこのように機能するように変更する方法はありますか、それともこれを行うためのより良い方法がありますか?
ありがとう!