图片没有立即加载

Question

我有一个使用 ajax 的网站：http://deezteez.com/

如果您按“最新”（右上角的下拉框）排序，您会注意到（最近刚添加的产品的）新图像需要大约 30 秒才能实际加载，即使页面已完成加载.即使我从清除缓存开始，旧图像也不会这样做。

有人知道是什么原因造成的吗？

Answer 1

Chrome 的控制台似乎显示您的服务器很慢。下图是您的图像加载方式。浅色条是请求图像时。深色条是实际下载的图像。

您可以看到它们都同时被请求。但是服务器需要一段时间才能响应这些请求。一旦服务器响应，下载的东西似乎很快，但响应似乎很滞后。

你的服务器幕后发生了什么，我不知道。但一些建议：

• 大幅减少每页的产品数量，因此一次请求的图片数量要少得多。
• 使用 CDN 服务加速静态资产交付，甚至提供地理本地图像下载服务器。
• 如果您在每次请求时动态生成图像数据或从数据库中提取图像数据，请不要这样做。或者，如果您需要这样做，请使用服务器端缓存来防止一遍又一遍地这样做。