【问题标题】:Best way to load a lot of images [closed]加载大量图像的最佳方式[关闭]
【发布时间】:2019-05-06 16:25:24
【问题描述】:

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

谢谢

【问题讨论】:

  • 这不是关于如何存储图像,而是关于如何在网页上显示图像..
  • 使用 JavaScript 延迟加载它们。

标签: html css image


【解决方案1】:

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

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

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

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

aboce 将大大减少页面加载时间

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

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-09-08
      • 2011-09-03
      • 2013-12-14
      • 2018-12-22
      • 2021-10-29
      • 2011-07-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多