【发布时间】:2019-05-06 16:25:24
【问题描述】:
我创建了一个基本的 html 网站,其中包含一个图片库。它存储 他们根据月份采取。所有图像的页面加载速度都很慢, 有没有更好的方法来存储图片以加快加载速度?
谢谢
【问题讨论】:
-
这不是关于如何存储图像,而是关于如何在网页上显示图像..
-
使用 JavaScript 延迟加载它们。
我创建了一个基本的 html 网站,其中包含一个图片库。它存储 他们根据月份采取。所有图像的页面加载速度都很慢, 有没有更好的方法来存储图片以加快加载速度?
谢谢
【问题讨论】:
通过 javascript 逐步(延迟)加载它们,甚至更好地创建缩略图并通过 javascript 加载逐步加载缩略图。
然后仅在单击缩略图时加载完整图像。
此外,将图像划分为组/页面,以便在每个页面请求期间仅加载/显示少数图像。
此外,让您的网络服务器缓存图像一段时间,这样浏览器就不必在每次重新请求时重新获取它们
aboce 将大大减少页面加载时间
PS 是的,除非有必要,否则不要将图像存储在数据库中,而是存储在磁盘文件夹中,因此只需要图像的 url 来加载图像而不是数据编码形式的整个图像(以防您不这样做)已经)
更新:检查The complete guide to lazy loading of images, for modern browers and modern web apps
【讨论】:
这不是一个编程问题。但是,为了引导您朝着正确的方向前进,您可以考虑优化图像以减小文件大小,同时保持良好的图像质量。这将有助于加快页面加载时间。有很多在线工具可用于优化图像,例如 https://tinypng.com/ 和 https://tinyjpg.com/
【讨论】: