使用ExtJs开发MIS系统(7):ExtJs性能浅析

在使用ExtJs过程中,性能一直是一个比较头疼的问题,从用户的角度来看,就一个字:慢。从技术的角度来说,这个“慢”字可以分为两种,加载“慢”和渲染“慢”。想分辨这两种情况很容易:如果居于网不慢而互联网上慢,说明是加载慢;如果Chrome不慢而IE慢,就是渲染慢。还有另一种情况:越用越慢,这个“慢”通常是内存泄露造成的。

针对以下这三种情况讨论一下解决方案:

1,加载慢

1.1 减少要加载的东西

不要动不动就ext-all.js,extjs是可以定制的,如果你用不到tree,就不要包含这个组件了。ExtJs的官网上有详细的定制方法和工具。

1.2 给出合适的用户提示

把Js后置,然后前面做一个加载的提示。如果像Gmail那样给出进度条,或者像很多网游那样来点图片或者Tips啥的就更好了,说不定用户还会觉得怎么加载这么快,我还没看清楚呢,呵呵。

1.3 用的时候再加载

动态加载,参考使用ExtJs开发MIS系统(2):Js的动态加载。

1.4 只加载一次

别用iframe了,如果你的静态内容过期做的不好,浏览器会经常再不厌其烦的从服务器下载同样的东西。

1.5 对你的Js添加过期标记

ext-base.js、ext-all.js都可以设置很长的过期时间,甚至永不过期(如果你不换extjs的版本)。这点对所有静态内容都很有用,如何设置过期标记请垂询Google。

2,渲染慢

2.1 少加载少解析、晚加载晚解析

1.1,1.3,1.4都对改善渲染慢的情况有效——加载的少了自然渲染的快了。

2.2 别用iframe

iframe不仅仅可能会使浏览器加载两遍,还一定会使浏览器解析两遍,放弃它吧,真的。

2.3 精心设计你的Js代码

例如缓存getElementByID()的结果、编译查询表达式之类的东西,这个纯看Js功力。

2.4 可能的话,让用户换个浏览器吧

Chrome比IE的Js渲染快是数量级上的差异!构造一个40列,50行的复杂GridPanel试试,你就会深有体会了……对于企业内部的MIS系统,换浏览器还是具有可能性的。

3,内存泄露

对于Js这样具有垃圾回收特性的语言来说,如果出现了内存泄露,那么就只有一种可能:引擎有问题!不幸的是,这个问题我们没有办法,但是有很多技巧可以避开……还是问Google吧:“JavaScript 内存泄露”,这个问题够再写一个系列的了。

本文配套源码

时间: 2024-12-08 13:20:45

使用ExtJs开发MIS系统(7):ExtJs性能浅析的相关文章

使用ExtJs开发MIS系统

使用ExtJs开发MIS系统(7):ExtJs性能浅析 使用ExtJs开发MIS系统(6):客户端MVC 使用ExtJs开发MIS系统(5):使用Action抽象客户端操作 使用ExtJs开发MIS系统(4):轮询 使用ExtJs开发MIS系统(3):使用数据库保存客户端状态 使用ExtJs开发MIS系统(2):Js的动态加载 使用ExtJs开发MIS系统(1):基于ExtJs的MIS构架设计

使用ExtJs开发MIS系统(6):客户端MVC

MVC结构大家都很熟悉,利用ExtJs提供的数据和显示控件,很容易实现基于Js的客户端MVC. 开发MIS系统(6):客户端MVC-"> 其中的Actions就是使用ExtJs开发MIS系统(5):使用Action抽象客户端操作描述提到的Actions:Model由Ext.data.Record.Ext.data.Store及其派生类组成:View由Ext的各个控件构成. Ext.data.Store提供了很多事件,比如add.remove.update等,View可以通过捕捉这些事件进行

使用ExtJs开发MIS系统(5):使用Action抽象客户端操作

在客户端系统中,或者说在任何系统中,同样的操作是可以通过不同的方式激发的,比如说我们使用的浏览器,刷新当前页面可以点击刷新按钮,可以在右键菜单中选择刷新,还可以按F5快捷键.但不管操作方式如何变化,操作本身是不变的,所以我们可以把这些操作抽象出来. 来看以下代码: 1: Srims.Action = new function(){ 2: }; 3: 4: Srims.Action.doAction = function(e, t){ 5: e.stopEvent(); 6: var action

使用ExtJs开发MIS系统(1):基于ExtJs的MIS构架设计

本系列主要包括以下内容: 基于ExtJs的MIS构架设计. Js的动态加载. 使用数据库保存客户端状态. 轮询和无状态设计. 使用Action抽象客户端操作. 客户端MVC. 最后,如果还有精力的话,再写一些ExtJs性能方面的心得. 本文中的例子.代码等来源于真实的的项目,所以恕不能提供完整的代码下载,但会尽量详细的阐述设计思路,并给出关键的代码片段. 欢迎大家交流和指教. 2,客户端的"致富"之路 在SilverLight.Flex等富客户端框架出现以前,系统中通常由服务器负责Ht

使用ExtJs开发MIS系统(4):轮询

众所周知,Http是无状态的,每次请求结束后,客户端都会和服务器端断开连接.请求总是从客户端发起的,除非客户端发起请求,否则服务器端没有办法主动地向客户端传递任何数据.然而对于MIS,常常需要从服务器端推送数据给客户端,例如当用户提交了一个新的申请后,需要管理员去审批.解决办法就是客户端"锲而不舍"的询问服务器,是否有新的事情要做,也就是所谓轮询技术. 轮询的过程可以用下面这个图来描述: 开发MIS系统(4):轮询-"> 我们仍然以用户登录为例,先来看轮询的过程: 每一

使用ExtJs开发MIS系统(3):使用数据库保存客户端状态

我们都知道,Vs.Net这样的工具每次打开时都会记住我们上次关闭时的状态:各个窗口的位置.大小:工具栏状态:自定义菜单项等.这无疑是一个使用的功能.ExtJs也包含提供了状态保存机制,其主要的控件:GirdPanel,FormPanel等,都提供了状态保存的功能.我们需要的仅仅是为其提供适当的Provider. 1,客户端状态的保存 我们先来看一下当一个ExtJs中的控件状态改变时,持久化该控件状态的流程: 开发MIS系统(3):使用数据库保存客户端状态-"> 流程中的前两步(红色)是控件

使用ExtJs开发MIS系统(2):Js的动态加载

对于一个复杂的系统来说,客户端的JS可能会有上百个,如果全部加载到用户的浏览器中,一方面会导致多余的网络传输,另一方面浏览器解析大量的Js会导致性能下降,这两点都会显著的影响用户可察觉性能.所以对于Js的加载,是动态进行的,这个动态进行表现为两种方式: 能不加载的Js就绝不加载. 需要加载的Js在直到确实用到的时候才加载. 1,能不加载的Js就绝不加载 拿登陆的流程为例: 开发MIS系统(2):Js的动态加载-">尝试登陆包含两种情况,一种是用户刷新页面时,尝试根据当前的令牌自动登陆,另一

求.net 开发MIS系统的好框架

问题描述 求.net开发MIS系统的好框架,即开发平台,有大师知道的,请指导!谢谢. 解决方案 解决方案二:网上搜索吧...解决方案三:按所需搜索!解决方案四:希望是开发的好框架,网上的很少有啊,可以购买..希望亲们提供下.

一个基于java的extjs web desktop 系统:extjs + ssh

问题描述 这个项目叫jmegaminx,不是很完善,作者只做了一些模块,但却是一个好的开端.下载地址:http://code.google.com/p/jmegaminx/