2011-10-12 81 views
0

我有一個網站,它有一些性能問題。
一些圖片需要很多時間才能被瀏覽器下載性能 - 某些圖像的下載速度很慢

這個問題似乎只涉及圖像(不是JS腳本或CSS)

我使用網絡窗格中的開發工具谷歌瀏覽器的

這個圖像並不大...有些圖像不到1KB,但可能需要超過30秒!

下載緩慢的圖像並不總是一樣的......它們從變化到變化。

這個問題是由不同地理區域的很多用戶報告的......所以我不認爲我的連接有問題。

開發工具說,有時大量的時間去在接收一些人大量的時間等待

進去順便說一句,我不知道這個標籤代表什麼(waiting,receing,blocking,ecc) 我無法從Google找到官方指南,有人知道更多嗎?

可能是什麼問題?

回答

2

問題是你有很多小圖像。每個圖像都需要下載一個包含所有標題和延遲的HTTP調用。所以它會導致許多HTTP請求少量的數據。最佳做法是讓圖像精靈降低加載圖像的延遲時間。有了圖像精靈,您只需調用一次小圖像的服務器並獲取所有圖像。

您的解決方案是使用圖像精靈。就像Google和Facebook一樣。這裏是他們的精靈,這裏是這樣做的一個指南:CSS Sprites: Image Slicing’s Kiss of Death

enter image description here enter image description here

+0

看着Apache服務器的狀態我認爲Apache是​​同時給予資源莫名其妙地緩慢。可能是由於沉重的MySQL工作Apache很慢? – nulll