2011-01-31 43 views
2

如果您試圖加快網頁加載速度,您會從哪裏開始?幫助加快網站性能,尤其是在IE8中

網站:Game-On Glove

這是JavaScript的沉重,因爲該目標是一個單頁面佈局與光盒裝結賬。主機平臺在服務器端代碼部門中創建了一些限制。

如果有任何人都知道的Flash或JavaScript橫幅看起來不錯,是由XML驅動的,並且實際上可以利用並行下載,請讓我知道。我選擇預先加載出現在我們的Flash圖庫中的一堆250像素圖片,以利用並行下載,我們的選擇的Flash廣告沒有利用。

除此之外,雖然,在Firefox的Firebug的Net選項卡我看到:

  1. 初始gameonglove.com請求花費了6.75s。這似乎很高。我想知道是否可以通過將大部分JavaScript打包到外部文件中來減少它。
  2. 爲了減少我們大量的圖像,我可以使用某種圓形邊框替換帶有灰色邊框的白色背景,而不是爲每個背景指定一個圖像。
  3. Facebook,addthis.com和google-analytics.com下載需要大約7秒,並將其餘的頁面加載保留。問題在於,他們等待着我相信的onLoad事件。我不確定還有什麼可以用作事件觸發器,但我可能不應該訴諸別的東西。
  4. 我不完全確定要保留哪些主機名,以及在我們的服務器上託管哪些主機名以優化我們的DNS並行下載比例。

避免DNS查找的切割的響應時間,但減少並行下載可能會增加響應時間。我的準則是將這些組件分成至少兩個但不超過四個主機名。 http://developer.yahoo.com/performance/rules.html

幫助將不勝感激。

+0

我會用類似的dynaTrace Ajax的版紋開始。 – Pointy 2011-01-31 19:23:05

+0

您是否使用SpeedTracer試用Google Chrome?這些問題非常好。 – sinelaw 2011-01-31 19:32:21

回答

2

你可以嘗試Pingdom,它純粹是測量下載對象的時間(沒有JavaScript處理時間或類似的東西)。

我測試了您的網站,它看起來好像需要> 1.7MiB的信息,這可能部分是發生放緩的地方。

2

該網站正在加載的文件數量確實傷害了性能。 Studies表明每個文件的開銷比文件大小(對於典型的腳本,圖像,CSS文件)具有更大的影響。

所以有些事情要做:

  1. 整合的Javascript後的文件爲合理。

  2. Use the Async and Defer attributes to stop JS from slowing page loads

  3. 將CSS合併爲儘可能少的文件。

  4. 合併圖像到CSS Sprites

  5. 確保您的服務器正在緩存文件!

  6. 打開服務器上的Gzip編碼。

  7. 儘可能避免重定向(301,302)(但保留舊URL或失去客戶)。檢查Web服務器日誌以確定並解決問題。

  8. 獲取更快的網站/域名託管服務商。 :)

參見: