圖像不加載馬上

Question

我有一個網站在這裏使用一些Ajax：http://deezteez.com/

如果你按「最新」（右上下拉框），你會發現，那剛剛添加的新圖像（產品最近）需要大約30秒才能實際加載，即使頁面已完成加載。即使我從一個明確的緩存開始，舊的圖像也不會這樣做。

任何人都有什麼會造成這種情況的想法？

Answer 1

Chrome的控制檯似乎表明您的服務器很慢。下面的圖表是您的圖像如何加載的。淺色條表示圖像被請求時。深色條是實際下載的圖像。

你可以看到他們都在同一時間得到要求。但是，服務器需要一段時間來回應這些請求。一旦服務器響應，事情似乎很快下載，但該響應似乎相當滯後。

這是怎麼回事幕後您的服務器上，我不知道。但一些建議：

• 大幅降低每頁產品數量，以便一次請求少得多的圖像。
• 使用CDN服務加速靜態資產交付，甚至提供地理位置本地圖像下載服務器。
• 如果您有圖像數據在運行中生成或從每個請求的數據庫中拉出，請不要這樣做。或者，如果您需要這樣做，請使用服務器端緩存來防止一遍又一遍地重複執行。