Jquery 慢加载第一映像

我在我的网站上使用

我的问题是，前20个图像需要很长时间才能加载，直到完全充电，并保留在页面的左侧以形成一列图像

如何使用此插件加速网页中的前20幅图像

---

非常感谢

您可以向我们发送或从其他域加载它们。浏览器通常可以在每个域一次传输八个文件。使用不同的域或CDN允许您绕过此限制。

您可以使用其他域或从其他域加载它们。浏览器通常可以在每个域一次传输八个文件。使用不同的域或CDN可以绕过此限制。

与上述CDN一起使用，或者我建议使用更小的图像。无论哪种方式，都有一个

imagesLoaded

插件，它与砖石结构齐头并进，确保在渲染长方体之前完全加载图像

抓取插件

一旦安装了插件，请按如下方式包装您的调用：

var $container = $('#container');
$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.item',
    columnWidth : 240
  });
});

---

另一个伟大的插件是

infinite scroll

。如果您还需要帮助设置，请告诉我。

以及上面提到的CDN，或者我建议您使用更小的图像。无论哪种方式，都有一个

imagesLoaded

插件，它与砖石结构齐头并进，确保在渲染长方体之前完全加载图像

抓取插件

一旦安装了插件，请按如下方式包装您的调用：

var $container = $('#container');
$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.item',
    columnWidth : 240
  });
});

---

另一个伟大的插件是

infinite scroll

。如果您还需要帮助设置，请告诉我。

谢谢，这些图像在amazon s3中托管。如何使用s3中具有不同cdn的图像？非常感谢。也许你在其他地方问过，但是使用Amazon S3，你可以将Amazon的CloudFront CDN指向你的S3存储桶，你可以创建多个CloudFront发行版指向它，以获得几个不同的域并从中随机选择。谢谢你，这些图像是在Amazon S3中托管的。如何使用s3中具有不同cdn的图像？非常感谢。也许你在其他地方问过，但是使用Amazon S3，你可以将Amazon的CloudFront CDN指向你的S3存储桶，你可以创建多个CloudFront发行版指向它，以获得几个不同的域并从中随机选择。谢谢你，我去检查这个插件。我也注意到了这一点！现在我正在使用这个代码，但它不适合我。我是否为带有imagesLoaded？的作品添加了imagesLoaded插件？。谢谢谢谢我去检查这个插件。我也注意到了这一点！现在我正在使用这个代码，但它不适合我。我是否为带有imagesLoaded？的作品添加了imagesLoaded插件？。非常感谢。