如何优雅地加载图像？答案

【问题标题】：How to load images gracefully?如何优雅地加载图像？
【发布时间】：2011-06-27 20:37:35
【问题描述】：

我想知道在 html 网站中优雅地加载图像的方法是什么。我相信你知道我在说什么。有很多网站图片加载缓慢，网站核心/内容的加载速度变慢，用户体验非常糟糕。

我在搜索时发现了这个：

但是，这似乎是表面上的，它实际上并没有预加载任何东西，也没有提高性能。它只是显示一个 .gif，直到图像完全加载。

【问题讨论】：

【解决方案1】：

这称为延迟加载。

google上有很多关于它的结果。

【讨论】：

【解决方案2】：

我还看到一些网站的图片最初看起来非常粗糙，并且它们的质量会在几秒钟内得到改善。这是怎么做到的？

当图像交错时会发生这种情况。 PNG 文件和其他类型的文件可以隔行扫描。

这是在创建/保存图像时完成的。

【讨论】：