ext 加载慢的原因

内网系统使用EXT是不应该慢,慢只能说明是EXT没有用好!解决EXT慢可以通过如下途径:
1. 不使用EXT4.0.X,目前EXT4.0的性能是比较差的,建议使用Ext3.4
2. 尽可能说服客户不使用IE,可以用chrome和firefox代替(这不是主要原因)
3. 对ext.all.js文件一定要压缩,可以使用gzip压缩,能把原来的近800K压缩到140多K,这对速度的提高很明显!
4. 不能使用iframe的结构,不然每个iframe里面的Ext都会重新加载和初始化一次,也是慢的原因,可以使用模块化, 
   自定义类的方式
5. 对模块要进行动态加载,只有当第一次使用到对应模块时才去加载使用到的类,然后再eval成对象即可,动态加载           非常有必要,详细技术可以看我的项目或者网上找
6. 如果对一些页面元素比较多的模块,可以使用延时初始化的方式,即:打开一个模块,然后显示一个loading,再将 复杂的元素动态加载上,如:
initComponent: function() {
var contentPanel = this.contentPanel = new Ext.Panel({
html: 'loading...'
});
Ext.apply(this, {
            autoScroll: false, 
        closable: true,
            layout: 'border',
        items:[contentPanel]
        });
....
},

...
initContentPanel: function(data) {
//在该方法中加载初始化你的面板
}
...

//该类的初始化方法
initMethod: function(data) {
var task = new Ext.util.DelayedTask(function(){
    this.initContentPanel(data);
}, this);
task.delay(200);
}
这样对加载元素较多较复杂的面板是很有用的!
7. 一些公用的组件可以在index.html页面上就加载,以后用到时就可以直接使用, 如:
<div>
<script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js.gzipfile"></script>
<script type="text/javascript" src="ExtJS/ext-all.js.gzipfile"></script>
<script type="text/javascript" src="ExtJS/src/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="其它公用组件"></script>
</div>

8. 是最关键的,要优化自己的系统,加载大数据量grid时一定要有分页,grid加载100行数据和加载25行数据是速度是有明显的区别的,能重用的store就重用,一次请求就一次请求,不要分多次请求,优化自己的SQL....这些就不用说了,

EXTJS系统慢,那就是你的系统问题,不要赖ExtJS!谢谢!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值