我正在進行網站優化,現在我需要提高性能,所以我使用yslow,並在下面提出了一些改進以減少http請求的方法。減少http請求應該先採取哪些事情?
應該首先解決哪個問題以提高yslow建議的性能?或任何人都可以採取,因爲它只會保存http請求?
此頁面有20個外部Javascript腳本。嘗試將它們合併爲一個。
此頁面有20個外部樣式表。嘗試將它們合併爲一個。
此頁面有20個外部背景圖像。嘗試將它們與CSS精靈結合起來。
我正在進行網站優化,現在我需要提高性能,所以我使用yslow,並在下面提出了一些改進以減少http請求的方法。減少http請求應該先採取哪些事情?
應該首先解決哪個問題以提高yslow建議的性能?或任何人都可以採取,因爲它只會保存http請求?
此頁面有20個外部Javascript腳本。嘗試將它們合併爲一個。
此頁面有20個外部樣式表。嘗試將它們合併爲一個。
此頁面有20個外部背景圖像。嘗試將它們與CSS精靈結合起來。
沒關係,目的是減少個人請求的數量。
精靈建議的外部背景圖像可能是最重要的,因爲這可能是更多的數據。組合JS/CSS文件應該大致相似。 雖然我建議使用所有3個建議。
儘管如此,所有3個建議都會將HTTP請求數量減少相同數量。
我建議你做三點建議。至於哪個先做,這其實並不重要,因爲它看起來像他們每個人將目光轉向20個請求轉換成1
從the yslow documentation(重點煤礦):的
80%最終用戶響應時間將花費在前端。大部分時間都是在下載頁面中的所有組件:圖像,樣式表,腳本,Flash等。減少組件數量反過來減少呈現頁面所需的HTTP請求數量。這是更快頁面的關鍵。
現在,如果你在同一時間做minification,那麼你可以讓你的Javascript和CSS相對於內容的規模收益。出於這個原因,我建議從這兩者中任何一個開始,並在文件合併的同時進行縮小。
當縮小代碼時,將刪除所有註釋以及不需要的空白字符(空格,換行符和製表符)。在JavaScript的情況下,由於下載文件的大小減小,這提高了響應時間性能。
你有沒有試過「懶加載」。
+
儘量縮小CSS和的javascrip文件(它們合併成一個文件。)
_我會盡3.只是問才知道,這將給最大升壓或全部相同。 –
這取決於你的文件的大小。例如,精靈可以減少很多。 – Cerbrus
好吧,所以結合js和css文件將比圖像節省更少的字節 –