extjs中的代码优化技术？

Question

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

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

Answer 1

Sencha有很棒的帖子:

Ext JS 4.1性能:

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

优化基于Ext JS 4.1的应用程序,了解优化技巧和页面分析器工具.

Answer 2

我的建议是

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