Javascript 加载大量图像而不结巴的最佳方法。

我有一个网站，我只加载图像时，这些是在略低于视点

这样，站点首先在不加载图像的情况下加载，然后根据视点确定需要加载哪些图像

当用户滚动时，图像刚好位于视点下方，然后加载它们

它在桌面上运行良好。没有拉格，没有口吃

然而，在移动网络上，当我滚动时，图像加载时会结巴

一旦加载了所有内容，站点就会平滑地上下滚动。此外，图像会动态调整大小以缩小文件大小

我的问题是，加载大量图像的最佳方式是什么

我只是在加载站点后才加载它们，然后才加载到视图点下方的位置

你认为我应该把它们全部加载以避免口吃，尤其是在手机上

我在谷歌上搜索了平滑图像加载，但我认为我没有搜索到正确的术语

无论如何，我们将非常感谢您的建议

---

多谢各位

这里是一个简单而轻量级的JS惰性加载程序库。它直截了当，容易理解

他们的网站上有一个漫游示例

<script src="blazy.js"></script>
<script>
    (function() {
        // Initialize
        var bLazy = new Blazy();
    })();
</script>

---

在加载文档之前，为您的空文档指定合适的尺寸，这样文档的高度和宽度不会随着用户的滚动而改变，这在屏幕上会更加明显

<img class="b-lazy" data-src="image.jpg" />