jquery - 渐进式下载

Question

我正在使用 asp.net MVC 4 razor 开发一个 JQuery 移动应用程序。在我的应用程序中，有保存在数据库中的图像列表。

是否可以以渐进方式显示这些图像？

Answer 1

我对您的问题的理解是您不想加载视口之外的图像（网页的可见部分）。您想延迟加载图像。

检查这个 jQuery 插件：

用于 jQuery 的延迟加载插件

见工作演示

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

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