图像没有马上加载

Question

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

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

任何人都知道造成这种情况的原因是什么？

Answer 1

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

你可以看到他们同时被要求。但是，服务器需要一段时间才能响应这些请求。一旦服务器响应，事情似乎很快下载，但这种反应似乎相当滞后。

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

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