plugins - jQuery 延迟加载是否有任何真正的性能提升？

Question

jQuery Lazy Loader与预加载图像相反 - 它延迟加载图像，直到它们在浏览器中可见。这声称可以使网站感觉“更快捷”，并且图像会在用户向下滚动页面时优雅地淡入。

Mashable 以使用这种技术而闻名(尽管我刚刚检查过，他们似乎不再这样做了)。

使用 jQuery 延迟加载器是否有实际的性能提升，或者它只是让用户感觉网站加载速度更快？

Answer 1

这完全取决于您所说的“性能”以及延迟加载的使用方式。

如果您只是使用延迟加载来加载与其他方式加载的相同图像，那么流中流过的比特数量是相同的，但实际上从“服务器到客户端”的 Angular 来看，打包和 IO 成本更高，它实际上以“性能”为代价。这样做是为了让用户受益，他们确实可能比其他方式更早地开始消费部分内容，因此用户感知得到改善，这也是“性能”。

如果您使用延迟加载来区分正在下载的数据或图像，以便您只能提供消费者想要的内容，那么您将获得真正的性能奖励，因为您不会流式传输不需要的内容。

有多少“改进”？这值得么”？好吧，这是非常主观的，您的里程可能会有所不同。