jquery - 我应该为 jQuery slider 使用 Sprite 吗？

Question

据我所知，使用 Sprite 可以节省 HTTP 请求，从而使页面加载速度更快。

这与 jQuery slider 有何关系？ jQuery slider 是在页面加载时加载所有图像还是根据需要加载它们？是否可以/推荐对 jQuery slider 使用 Sprite ？

如果有人想知道，我使用的 slider 是: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>

Answer 1

它与 jQuery Sliders 无关，HTML 中的所有图像都将被获取。因此，如果您使用 Sprite ，您将对三个图像发出单个请求，而不是三个单独的请求。是否可以？是的。受到推崇的？也许，您是否希望最大限度地减少 HTTP 请求并使您的 HTML 稍微困难一些，因为您现在必须定位图像？

请务必记住，通过制作 Sprite ，您无法并行下载单独的图像。

最后，没有人能告诉你总是以一种方式去做，你需要权衡利弊。在这种情况下，我会将三个图像放入一个 Sprite 中以节省网络连接，但其他人可能更喜欢并行下载的好处。