色综合久久精品,在线播放一区二区三区,99re6热只有精品免费观看

ExtJs性能优化

paulwong — Thu, 21 Apr 2011 15:25:00 GMT

在��用ExtJs�q�程中，性能一直是一个比较头疼的问题�Q�从用户的角度来看，��׃��个字�Q�慢。从技术的角度来说�Q�这�?#8220;�?#8221;字可以分��Z��U�，加蝲“�?#8221;和渲�?#8220;�?#8221;。想分��L�q�两�U�情况很�Ҏ(gu��)��Q�如果居于网不慢而互联网上慢�Q�说明是加蝲慢；如果Chrome不慢而IE慢，��是渲染慢。还有另一�U�情况：��用��慢�Q�这�?#8220;�?#8221;通常是内存泄露造成的�?br />
针对以下�q�三�U�情况讨��Z��下解��x��案：

1�Q�加载慢

1.1 减少要加载的东西

不要动不动就ext-all.js�Q�extjs是可以定制的�Q�如果你用不到tree�Q�就不要包含�q�个�l��g了。ExtJs的官�|�上有详�l�的定制�Ҏ(gu��)��和工兗��?br />
1.2 �l�出合适的用户提示

把Js后置�Q�然后前面做一个加载的提示。如果像Gmail那样�l�出�q�度条，或者像很多�|�游那样来点囄��或者Tips啥的��更好了�Q�说不定用户�q�会觉得怎么加蝲�q�么快，我还没看清楚呢，呵呵�?br />
1.3 用的时候再加蝲

动态加载，参考��用ExtJs开发MIS�pȝ��Q?�Q�：Js的动态加载�?br />
1.4 只加载一��?br />
别用iframe了，如果你的静态内容过期做的不好，��览器会�l�常再不厌其烦的从服务器下蝲同样的东�ѝ�?br />
1.5 对你的Js��d��q�期标记

ext-base.js、ext-all.js都可以设�|�很长的�q�期旉��Q�甚��x��不过期（如果你不换extjs的版本）。这点对所有静态内定w��很有用，如何讄��q�期标记请垂询Google�?br />
2�Q�渲染慢

2.1 ��加载少解析、晚加蝲晚解�?br />
1.1�Q?.3�Q?.4都对改善渲染慢的情况有效——加载的��了自然渲染的快了�?br />
2.2 别用iframe

iframe不仅仅可能会使浏览器加蝲两遍�Q�还一定会使浏览器解析两遍�Q�放弃它吧，真的�?br />
2.3 �_�ֿ�设计你的Js代码

例如�~�存getElementByID()的结果、编译查询表辑ּ�之类的东西，�q�个�U�看Js功力�?br />
2.4 可能的话�Q�让用户换个��览器吧

Chrome比IE的Js渲染快是数量�U�上的差异！构造一�?0列，50行的复杂GridPanel试试�Q�你��׃��深有体会�?#8230;…对于企业内部的MIS�pȝ��Q�换��览器还是具有可能性的�?br />
3�Q�内存泄�?br /> Ext性能调优�Ҏ(gu��)��

1. ��JS�q�行合�ƈ压羃�?br />
使用yahoo的yui-compress.jar�q�行压羃JS�Q�去掉过多的�I�格和注释，�q�合�qӞ��减少IO的支出�?br />
2. ��前后台传输的数据进行GZIP压羃�?br />
大数据量的数据传输，通过GZIP的压�~�方案，可以减少�?5%�Q�有些数据可能会更多�?br />
3. 对大量的JS分析依赖关系�Q�进行动态加载�?br />
�q�个是关键，通过分析所有的JS中的依赖关系�Q�减��了JS加蝲的数量。从很大�E�度上提高了性能�?br />
4. 另外寚w��分页面进行缓存，而非真正的关闭�?br />
�q�有一个外部的因素�Q�由于系�l��用的客户机环境上的复杂，我们在多个浏览器上进行了��试�Q�只有IE是最慢的�Q�尤其是IE6�Q�后来发��C��是IE6要比IE7慢，是因为发现MS发布了脚本引擎cscript 5.7, 而大部分的ie6�pȝ��都装的是5.6, �q�个版本上的升��Q�不仅仅是修改了BUG�Q�在JS的执行速度上也有了较大的提升，于是我们在环境因素上又加上了一条，要求客户安装cscript5.7�Q�也大大的提升了��面的打开旉��?br />

paulwong 2011-04-21 23:25 发表评论

GZip压羃和按需装蝲提升Ext Js的性能

paulwong — Thu, 21 Apr 2011 15:17:00 GMT

ext-all.js�q�个文�g都有500多k�Q�在��面中直接引用这个js文�g是很不现实的�Q�曾�l�在一个大的项目中使用�q�个js�Q�则直接��D��面半天��Z��来的后果。于是自��q��I�了下，目前通过下面的方法来优化提升Ext Js的性能�?br />
使用JSVM
JSVM (JavaScript Virtual Machine的羃�?�Q�一个JavaScript基础框架�Q�sourceforge开源项目，�׃��常华�Q�wch3116�Q�于2003�q�底发�v, 目前最新版本是2.05,采用的是 BSD License 授权协议。本�w�JSVM也提供了JSVM+Ext2的实例，看看��q��道怎么在JSVM下加入ext的js库了�?br /> 我在��目中是�q�么用的�Q?br />

��Z��么扩展名是gzjs呢，�q�是使用了gzip压羃js文�g

使用Gzip压羃

gzip压羃后，ext js文�g的大��将只有100k左右�?br /> 只是对gzip压羃的文仉��要提供filter�Q�Java开发）�Q��ؓ你的应用提高解压�~�功�?filter的写法很��单：

    public   void  doFilter(HttpServletRequest request,
            HttpServletResponse response, FilterChain chain)
             throws  IOException, ServletException {
             for (Iterator it = headers.entrySet().iterator();it.hasNext();) {
                Map.Entry entry = (Map.Entry)it.next();
                response.addHeader((String)entry.getKey(),(String)entry.getValue());
            }
            chain.doFilter(request, response);
    }

     public   void  init(FilterConfig config)  throws  ServletException {
        String headersStr = config.getInitParameter( "headers" );
        String[] headers = headersStr.split( "," );
         for ( int  i =  0 ; i < headers.length; i++) {
            String[] temp = headers[i].split( "=" );
             this .headers.put(temp[ 0 ].trim(), temp[ 1 ].trim());
        }
    }

}

web.xml配置

< filter >
         < filter-name > addHeaderFilter  filter-name >
         < filter-class >org .common.AddHeaderFilter  filter-class >
         < init-param >
             < param-name > headers  param-name >
             < param-value > Content-Encoding = gzip  param-value >
          init-param >
filter >

通过以上两步�Q�整个页面装载速度很快了。大家可以试试�?br /> 另外在实际开发中�Q��ƈ不是��ext-all.js全部在jsvm中装载，只是��常用的ext js代码归到一��P��由gzip压羃�Q�然后又jsvm装蝲�Q�即ext2p.js�Q�p代表部分�Q�，剩下的ext js代码由jsvm按需装蝲�?img src ="http://www.aygfsteel.com/paulwong/aggbug/348748.html" width = "1" height = "1" />

paulwong 2011-04-21 23:17 发表评论

EXTJS入门

paulwong — Wed, 21 Jan 2009 08:32:00 GMT

摘要: EXTJS是一个兼容AJAX的前台WEB UI的框�Ӟ��在普通的HTML文�g�?BODY 元素中无��d��M��HTML代码�Q�就能��生相应的表格�{�元素�?

阅读全文

paulwong 2009-01-21 16:32 发表评论