我在嘗試確定優化關於Javascript資源的網頁加載時間的最佳策略。我能想到的多種策略:網頁上javascript資源的推薦大小
- 所有文件合併到一個單一,精縮文件。
- 將所有文件合併爲多個文件以利用並行HTTP請求。
- 利用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%的規模來自常用的框架。