图像没有马上加载

Question

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

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

任何人都知道会导致什么？

Answer 1

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

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

你的服务器幕后发生了什么,我不知道.但有些建议:

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