2015-05-04 48 views
2

我在嘗試確定優化關於Javascript資源的網頁加載時間的最佳策略。我能想到的多種策略:網頁上javascript資源的推薦大小

  1. 所有文件合併到一個單一,精縮文件
  2. 將所有文件合併爲多個文件以利用並行HTTP請求。
  3. 利用AMD按需延遲加載所需文件。

:當然,這些文件都存儲在一個CDN,否則CDN本身可能會是最顯著的性能提升。

相關答案
foundsomeratherdated有關策略1的答案,通常聲稱與< 50-200 KB的單個文件是可以接受的,> 500KB不好。不幸的是,Yahoo Best Practices for speeding up websites也沒有涉及具體細節。

我不是找什麼:
我知道我可以判斷JS文件的耦合,彌補了常見的使用場景,並結合相關文件,並使用AMD優化一切到了極致。雖然這將是一個完美的解決方案,但它非常昂貴和耗時,因此不值得付出努力(還)。

問題:
你能推薦的實際解決方案(=易於實現),作爲總的基線(精縮,變醜)JS大小50 KB/200 KB/500 KB /> 500 KB的?你將如何進行移動設備優化?

注意:規定的大小數字包括常用的框架(如jQuery,Bootstrap,...)和自定義代碼。如果你會考慮一種不同的策略,例如,請說明20%或80%的規模來自常用的框架。

回答

2

沒有真正的解決方案給你的問題,只有意見。

隨着蜂窩世界的快速發展 - >連接性和速度始終在增加。今天的事情可能與明天無關。

就這樣說,我會推薦以下內容 - > 使用大小約爲100kb的文件。 不要嘗試組合框架,讓它們保持原樣。速度的提高並不值得浪費時間。

確保您的自定義代碼在縮小後不會超過該大小。另外,如果你想要「最好」的解決方案,建立一個程序,它可以自動將你所有的js文件組合成不同的用戶定義大小,那麼你就可以靈活地做到目前最好的解決方案。 (或使用現有的一些,有一些信息here