使用javascript加载图像的最快方法是什么？

假设我有一个电子商务网站，有15000个图像元素要插入html，使用javascript提高效率和用户体验的最有效方法是什么？

仅当图像位于查看端口时加载图像

这个问题告诉你如何：

---

预加载图像并使用cdn承载图像

---

你可以使用类似的东西来预加载图像。

更重要的是，为什么？哇，我很想知道为什么你需要在一个页面中有这么多图像？为所有CSS相关的图像创建一个精灵显示这一点-不要将15000个图像加载到单个页面上。最终用户有兴趣看到所有15000个图像吗？