2013-01-03 41 views
1

我正在進行網站優化,現在我需要提高性能,所以我使用yslow,並在下面提出了一些改進以減少http請求的方法。減少http請求應該先採取哪些事情?

應該首先解決哪個問題以提高yslow建議的性能?或任何人都可以採取,因爲它只會保存http請求?

此頁面有20個外部Javascript腳本。嘗試將它們合併爲一個。
此頁面有20個外部樣式表。嘗試將它們合併爲一個。
此頁面有20個外部背景圖像。嘗試將它們與CSS精靈結合起來。

回答

-1

沒關係,目的是減少個人請求的數量。

2

精靈建議的外部背景圖像可能是最重要的,因爲這可能是更多的數據。組合JS/CSS文件應該大致相似。 雖然我建議使用所有3個建議。

儘管如此,所有3個建議都會將HTTP請求數量減少相同數量。

+0

_我會盡3.只是問才知道,這將給最大升壓或全部相同。 –

+3

這取決於你的文件的大小。例如,精靈可以減少很多。 – Cerbrus

+0

好吧,所以結合js和css文件將比圖像節省更少的字節 –

2

我建議你做三點建議。至於哪個先做,這其實並不重要,因爲它看起來像他們每個人將目光轉向20個請求轉換成1

the yslow documentation(重點煤礦):的

80%最終用戶響應時間將花費在前端。大部分時間都是在下載頁面中的所有組件:圖像,樣式表,腳本,Flash等。減少組件數量反過來減少呈現頁面所需的HTTP請求數量。這是更快頁面的關鍵。

現在,如果你在同一時間做minification,那麼你可以讓你的Javascript和CSS相對於內容的規模收益。出於這個原因,我建議從這兩者中任何一個開始,並在文件合併的同時進行縮小。

當縮小代碼時,將刪除所有註釋以及不需要的空白字符(空格,換行符和製表符)。在JavaScript的情況下,由於下載文件的大小減小,這提高了響應時間性能。

0

你有沒有試過「懶加載」。

+

儘量縮小CSS和的javascrip文件(它們合併成一個文件。)

+0

縮小就是縮小,並且合併成一個文件就是問題的關鍵(哪種類型的合併應該優先) - 您的答案使它看起來像是同一件事。 – Krease

+0

它似乎我還沒有得到你的觀點呢.. 我想告訴你的是最好的優化爲您的網站是 組合,Minify,數據URIs和gzip壓縮。 – AbuQauod

+0

我的評論指的是「嘗試壓縮CSS和JavaScrip文件(將它們合併到一個文件中)」這句如「將它們組合成一個文件」這樣的說法只是「收縮CSS/JS」的另一種方式 - 即:他們是同一件事。我建議將其改寫得更清楚些。 – Krease