頁面追加外部js和css文件的速度

我只是想知道誰有很好的文檔記錄，如果我有10個js/css外部文件追加到我的網站，最好是將它們壓縮成只有1個文件或無論如何，從頁面速度的角度來看，有10,20個外部源鏈接是好事嗎？頁面追加外部js和css文件的速度

我也問過這個問題，原因是同時使用firebug谷歌頁面速度和雅虎Yslow頁面速度工具，他們在此衝突，谷歌說要分開文件，雅虎說壓縮所有在一個： ..通常我會信任bigG，但誰知道：|

2011-10-18 sbaaaang

首先，壓縮文件（幾乎）總是一個好主意。都使用特定的JS和/或CSS壓縮器，並在HTTP級別使用GZIP壓縮。

決定是否合併文件不是那麼容易;你需要玩弄不同的目標：

儘量減少加載的字節總數;這包括確保文件可以從緩存中檢索
確保加載的文件儘可能少的請求到達。

合併文件優化了＃2，但是可以以＃1爲代價。如果不同的頁面使用不同的CSS/JS，則每個頁面可能會得到不同的組合文件（組件文件的排列），從而無法進行緩存。

一個快速而骯髒的解決方案是在兩個單個壓縮文件（一個JS，一個CSS）中包含所有頁面上使用的所有通用JavaScript和所有CSS。如果您的訪問者在您的網站上停留時間較長，那麼他們將擁有最佳體驗，因爲所有CSS/JS只需加載一次，而且一次儘可能快。

來源

2011-10-18 15:22:57 beetstra

您可以做的關鍵性能增強之一是減少HTTP請求的數量。每個外部資源意味着一個額外的請求，因此將它們分組在一起將對頁面性能產生積極影響。

如果您想了解更多關於前端性能的信息，請查看Steve Souders'books。你可以在Yahoo! Developer Network（他在雅虎寫他的第一本書時）的書籍中找到簡化的主題概述。

來源

2011-10-18 14:56:15

這我想也是！希望所有的用戶都可以確認這一點..等待其他答案;） – sbaaaang

[最小化HTTP請求]（http://developer.yahoo.com/performance/rules.html#num_http）也有很多其他的好東西關於該頁面的提示 – acm

良好的鏈接感謝 – sbaaaang

如果您將腳本合併到一臺主機上的一個腳本中，並且此主機速度較慢 - 您的頁面會變慢。如果您的腳本分解爲CDN上託管的幾個腳本，腳本的子域不同，則瀏覽器將在parallel中下載更多腳本。閱讀該網站提高下載時間。它有一個結論「增加並行下載可以實現高達40％的網頁延遲，你可以使用兩個或三個主機名來提供來自同一服務器的對象來欺騙瀏覽器進行多線程讀取更多對象。」

來源

2011-10-18 15:01:46 DallinDyer

很好的答案謝謝，真的不知道誰簽了答案，你說1件事和@Alex Ciminian Alex說1件東西％） – sbaaaang

開發人員花費數週時間來優化靜態文件，縮小，壓縮和合並文件。雖然這些購買了一些速度提升 - 你甚至不會接近你通過緩存移動到適當的CDN而獲得的收益。 – DallinDyer

啊，但問題是，JavaScript不能並行下載（也許一些新的瀏覽器，但如果你想爲IE優化）。只要您開始下載腳本，其他所有內容都會停止渲染，直到腳本完成下載並執行。因此，在大多數情況下，合併和最小化腳本會更好。在某些情況下，保持腳本分離是有意義的。例如，如果您的腳本很重，那隻能在您網站上的某處隱藏的地方使用。如果沒有使用，則無需下載。 – Nix

確保已安裝Google Page Speed，YSlow和Firebug插件，然後使用它們。他們將幫助您更快地創建您的網站。

來源

2011-10-18 15:09:48 desbest

檢查我的問題..我只是用它們:) – sbaaaang

最好是結合你的10個文件分成1個文件，所以請求的數量較少，但您可能不希望這樣做。 – desbest

頁面追加外部js和css文件的速度

回答

相關問題