图像不加载马上

Question

我有一个网站在这里使用一些Ajax：http://deezteez.com/

如果你按“最新”（右上下拉框），你会发现，那刚刚添加的新图像（产品最近）需要大约30秒才能实际加载，即使页面已完成加载。即使我从一个明确的缓存开始，旧的图像也不会这样做。

任何人都有什么会造成这种情况的想法？

Answer 1

Chrome的控制台似乎表明您的服务器很慢。下面的图表是您的图像如何加载的。浅色条表示图像被请求时。深色条是实际下载的图像。

你可以看到他们都在同一时间得到要求。但是，服务器需要一段时间来回应这些请求。一旦服务器响应，事情似乎很快下载，但该响应似乎相当滞后。

这是怎么回事幕后您的服务器上，我不知道。但一些建议：

• 大幅降低每页产品数量，以便一次请求少得多的图像。
• 使用CDN服务加速静态资产交付，甚至提供地理位置本地图像下载服务器。
• 如果您有图像数据在运行中生成或从每个请求的数据库中拉出，请不要这样做。或者，如果您需要这样做，请使用服务器端缓存来防止一遍又一遍地重复执行。