加载大量图像的最佳方式

Tim*_*des 1 html css image

我创建了一个基本的 html 网站,它有一个带有图像的画廊。它根据拍摄的月份存储它们。所有图像的页面加载速度都很慢,是否有更好的方法来存储图像以使其加载速度更快?

谢谢

Nik*_* M. 5

通过javascript逐步(懒惰)加载它们,甚至更好地创建缩略图并使用javascript加载逐步加载缩略图。

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

此外,将图像分成组/页面,以便在每个页面请求期间仅加载/显示少数图像。

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

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

PS,是的,除非必要,否则不要将图像存储在数据库中,而是存储在磁盘文件夹中,以便仅需要图像的 url 来加载图像而不是数据编码形式的整个图像(以防您已经这样做了)

更新:检查现代浏览器和现代网络应用程序延迟加载图像的完整指南