extjs中的代码优化技术？

Question

我在页面中动态创建一些控件。当我们有50个控件时，它会变慢。

extjs中使用的代码优化技巧/指南是什么？ 是否有任何特定的方法会减慢整个装载？

Answer 1

Sencha有很棒的帖子：

Ext JS 4.1 Performance关于：

• 网络延迟会严重影响初始启动时间，但也会影响数据存储加载时间。
• CSS处理。
• JavaScript执行。
• DOM操作。

Optimizing Ext JS 4.1-based Applications关于优化提示和网页分析工具。

Answer 2

我的提示是

• 使用Ext.container.Container而不是Ext.panel.Panel。
• 使用带有数据视图的XTemplate来加载类似的控件，而不是添加ext组件。
• 如果您使用的是许多图像，则使用图像精灵 - 图像精灵是放入单个图像的图像集合。具有许多图像的网页可能需要很长时间才能加载并生成多个服务器请求。 使用图像精灵将减少服务器请求的数量并节省带宽。 http://css-tricks.com/css-sprites/