Php 加载太多图像会降低我的网站速度

我正在尝试创建一个图像库。当我尝试添加大约20个不同的图像时，我的滚动条变得粗糙并且变慢。有什么建议吗？？？

尝试使用jQuery延迟加载图像。这里有一个插件：

下面是我使用惰性加载的一个例子：（向下滚动页面并观看图像）

---

还要确保浏览器没有调整图像的大小！确保您已针对web对其进行了优化

尝试使用jQuery延迟加载图像。这里有一个插件：

下面是我使用惰性加载的一个例子：（向下滚动页面并观看图像）

还要确保浏览器没有调整图像的大小！确保您已针对web对其进行了优化

• 确保将宽度/高度属性添加到img标签-其他 明智的是，你的浏览器/网站布局在加载时会“跳转”

• 如果插入图像，请尝试将其调整为适当的大小 加载前的宽度/高度。如果您的浏览器不可用，则运行速度会变慢 正在调整大图像的大小以显示较小的图像

• 确保将宽度/高度属性添加到img标签-其他 明智的是，你的浏览器/网站布局在加载时会“跳转”

• 如果插入图像，请尝试将其调整为适当的大小 加载前的宽度/高度。如果您的浏览器不可用，则运行速度会变慢 正在调整大图像的大小以显示较小的图像

---

尽量不要一次加载所有图像
像这样的幻灯片：，它们只加载显示的图像和一些下一个图像。

---

我上次使用的图库加载了当前图像和接下来的10幅图像。我不记得名字了，但我认为这是一种方法。
尽量不要一次加载所有图像
像这样的幻灯片：，它们只加载显示的图像和一些下一个图像。 我上次使用的图库加载了当前图像和接下来的10幅图像。我不记得名字了，但我想这就是方法。
• 确保添加

  宽度

  和

  高度

  属性。在我的网页上，当我添加它们时，出于某种原因，它在Safari和Chrome上的加载速度要快一点，但在其他浏览器上没有什么不同

• 你也可以试试你的图片。这真的很重要

• 确保将图像的大小调整为它们将显示在网页上的大小

• 确保添加

  宽度

  和

  高度

  属性。在我的网页上，当我添加它们时，出于某种原因，它在Safari和Chrome上的加载速度要快一点，但在其他浏览器上没有什么不同

• 你也可以试试你的图片。这真的很重要

• 确保将图像的大小调整为它们将显示在网页上的大小

---

您是否尝试过将图像保存在S3、Flickr或毕加索上？让他们的服务器承担HTTP请求的责任
您是否尝试过将图像保存在S3、Flickr或毕加索上？让他们的服务器承担HTTP请求的重担吧
你的问题很模糊，是图像还是滚动条速度慢
如果图像：
永远不要使用css宽度高度属性调整图像大小。这将加载整个图像，速度非常慢。而是在上传图像之前调整图像大小，或者让拇指生成器在上传时调整图像大小
如果图像较小（高度或宽度小于100像素），则可以在生成拇指时降低图像质量，因此文件大小较小，但不会产生明显影响
使用正确的文件格式。 -gif动画 -png用于徽标和图标等无关紧要的小图形 -jpg用于更高质量的图形，如图像
在将内容发送到服务器之前是否正在压缩内容
为您的图像（如AWS S3）使用CDN是的，但不要使用flick/picassa，因为他们会在提供图像之前“查找”您的图像，这会慢得多。 仅使用CDN（AWS S3）将比您当前的主机更好，因为它们已针对快速查找进行了优化，与大多数web主机相比，等待时间减少了50-90%
仅使用一个CDN，一旦对域进行DNS查找，浏览器将对其进行缓存
如果您的站点使用Cookie或会话，请将图像存储在不同的URL上（这可以是站点的子域），这样Cookie和会话数据就不会随每个图像请求一起发送（降低发送速度）
如果重新使用图形，请在其上设置一个超时参数（未来几个月），以便浏览器在本地缓存这些图形
编辑：我也同意在网页中按需/可视性加载图像是一种非常好的做法
如果滚动条：
您是否使用自定义滚动条和/或自定义滚动事件？

---

如果是这样的话，您可能需要设置一个阈值（我建议为100ms），以确定触发调整大小事件的频率。或者在加载图像后手动触发调整大小事件，就像在您的场景中，您知道图像何时加载一样。
您的问题很模糊，是图像还是滚动条速度慢
如果图像：
永远不要使用css宽度高度属性调整图像大小。这将加载整个图像，速度非常慢。而是在上传图像之前调整图像大小，或者让拇指生成器在上传时调整图像大小
如果图像较小（高度或宽度小于100像素），则可以在生成拇指时降低图像质量，因此文件大小较小，但不会产生明显影响
使用正确的文件格式。 -gif动画 -png用于徽标和图标等无关紧要的小图形 -jpg用于更高质量的图形，如图像
在将内容发送到服务器之前是否正在压缩内容
为您的图像（如AWS S3）使用CDN是的，但不要使用flick/picassa，因为他们会在提供图像之前“查找”您的图像，这会慢得多。 仅使用CDN（AWS S3）将比您当前的主机更好