extjs中的代碼優化技巧？

Question

我在頁面中動態創建一些控件。當我們有五十個控件時它會變得很慢。

什麼是在extjs中使用的代碼優化技術/指南？ 是否有任何特定的方法會減慢整個加載？

Answer 1

我的提示是

• 使用Ext.container.Container而非Ext.panel.Panel。
• 而不是添加ext組件，使用帶數據視圖的XTemplate來加載類似的控件。
• 如果您使用多個圖像，則使用圖像精靈 - 圖像精靈是將圖像集合到一個圖像中。包含許多圖像的網頁可能需要很長時間才能加載並生成多個服務器請求。 使用圖像精靈將減少服務器請求的數量並節省帶寬。 http://css-tricks.com/css-sprites/

Answer 2

煎茶有很大的職位：

Ext JS 4.1 Performance約：

• 網絡延遲這在很大程度上影響了初始啓動時間，而且數據存儲加載時間。
• CSS處理。
• JavaScript執行。
• DOM操作。

Optimizing Ext JS 4.1-based Applications關於優化技巧和Page Analyzer工具。