加载大量图像的最佳方式

时间:2016-01-23 12:34:27

标签: html css image

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

由于

2 个答案:

答案 0 :(得分:4)

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

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

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

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

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

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

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

答案 1 :(得分:3)

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