Bootstrap "Carousel" は一度にすべての画像を読み込みますか? その場合、サイトの読み込み速度が低下し、読み込み時間が長くなりますか?
Bootstrap Carousel JavaScript ファイルがどのように機能するかわかりません。次のアイコンをクリックすると、次の画像が ajax 経由で読み込まれれば問題ありません。しかし、一度にすべての画像が読み込まれると、ページの速度が低下すると思います。
何か案が?
Bootstrap "Carousel" は一度にすべての画像を読み込みますか? その場合、サイトの読み込み速度が低下し、読み込み時間が長くなりますか?
Bootstrap Carousel JavaScript ファイルがどのように機能するかわかりません。次のアイコンをクリックすると、次の画像が ajax 経由で読み込まれれば問題ありません。しかし、一度にすべての画像が読み込まれると、ページの速度が低下すると思います。
何か案が?
Bootstrap カルーセルはアイテムを回転させるだけです。画像が属性によって定義されている場合src
、画像はページの残りの部分とともに読み込まれます。
いくつかの遅延読み込みソリューションを使用して、画像を順番に読み込むことができます - Google 検索
Tigran が指摘するように、Bootstrap は舞台裏で魔法のような遅延読み込みを行いません。ただし、多くのブラウザーは、「display:none」で非表示になっている画像を要求しません。そのため、たとえば Chrome ブラウザでネットワーク トラフィックを検査すると、実際にはイメージが「遅延」ロードされていることがわかります。
この動作をするブラウザの古くてほとんど読めないリストは、http ://www.w3.org/2009/03/image-display-none/results にあります。