2

スプライトを使用するとHTTPリクエストが保存されるため、ページの読み込みが速くなることを理解しています。

それはjQueryスライダーとどのように関連していますか？jQueryスライダーは、ページの読み込み時にすべての画像を読み込みますか、それとも必要に応じて画像を読み込みますか？jQueryスライダーにスプライトを使用することは可能/推奨されていますか？

誰かが疑問に思っているなら、私が使用しているスライダーは次のとおりです： https ://github.com/maelstrom/SecretSource

基本的なHTML：

             <div id="banner-fade" class="responsive-container img-polaroid">
                <ul class="slideshow">
                  <li><img src="img/slider/image1.jpg" alt=""></li>
                  <li><img src="img/slider/image2.jpg" alt=""></li>
                  <li><img src="img/slider/image3.jpg" alt=""></li>
                </ul>
             </div>
4

1 に答える 1

2

jQuery Sliders とは関係ありません。HTML 内のすべての画像が取得されます。したがって、スプライトを使用する場合は、3 つの個別のリクエストではなく、3 つの画像に対して 1 つのリクエストを行うことになります。出来ますか？はい。おすすめされた？おそらく、画像を配置する必要があるため、HTTP 要求を最小限に抑えて HTML を少し難しくしたいですか?

スプライトを作成すると、別々の画像を並行してダウンロードできないことに注意してください。

結局のところ、常に一方通行だとは誰にも言えません。長所と短所を比較検討する必要があります。この場合、ネットワーク接続を節約するために 3 つの画像をスプライトに入れますが、並列ダウンロードの利点を好む人もいるでしょう。

于 2013-03-05T00:59:55.143 に答える