Question

我知道使用精灵会保存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>

Answer 1

它与jQuery Sliders无关，HTML中的所有图像都将被提取。因此，如果您使用精灵，您将对三个图像发出单个请求，而不是三个单独的请求。可能吗？是。推荐的？或许，您是否希望最小化HTTP请求并使您的HTML稍微困难，因为您现在必须定位图像？

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

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

我应该在jQuery Sliders上使用精灵吗？

1 个答案: