php - 如何提高使用 masonry js 插件的网页上图像的加载速度

Question

我正在使用Masonry插件，并试图显示类似网页的画廊。最初我正在加载 10 张图片，当使用 ajax 到达页面末尾时，我正在请求接下来的 10 张图片，然后加载它们。

无论图像高度如何，页面似乎都很好地对齐。但问题是它加载非常慢。

如何优化速度以使其快速加载。

非常感谢

Answer 1

您应该使用jQuery 延迟加载。

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件。它延迟了长网页中图像的加载。在用户滚动到它们之前，不会加载视口之外的图像（网页的可见部分）。这与图像预加载相反。

在包含许多大图像的长网页上使用延迟加载可以加快页面加载速度。加载可见图像后，浏览器将处于就绪状态。在某些情况下，它还可以帮助减少服务器负载。