加载大量图像的最佳方式

Question

我创建了一个基本的html网站，其中包含一个带图片的图库。它存储 他们按月采取。所有图片的页面加载速度都很慢， 是否有更好的方法来存储图像，以便加载更快？

由于

Answer 1

通过javascript逐步（懒散地）加载它们，甚至更好地创建缩略图并通过javascript加载逐步加载缩略图。

然后仅在单击缩略图时加载完整图像。

此外，将图像分成组/页，这样在每次页面请求期间只会加载/显示少量图像。

此外，让您的网络服务器缓存图像一段时间，以便浏览器不必在每次重新请求时重新获取它们

aboce会显着减少页面加载时间

PS，是的，除非必要，否则不要将图像存储在数据库中但存储在磁盘文件夹中，这样只需要图像的网址来加载图像而不是整个图像的数据编码形式（如果你不这样做的话）已）

更新：检查The complete guide to lazy loading of images, for modern browers and modern web apps

Answer 2

这不是编程问题。但是，为了引导您正确的方向，您可以考虑优化图像以减小文件大小，同时保持良好的图像质量。这有助于加快页面加载时间。您可以使用大量在线工具来优化图片，例如https://tinypng.com/和https://tinyjpg.com/