EXT2在IE下的优化总结 (未完待续)

(暂时只列出优化后的测试数据)

===========================================
优化工作的目的:
(待补充)
===========================================
Ext 2.02 中 的缺陷:
(待补充)
===========================================
优化方案详述
(待补充)
===========================================
===========================================
此次测试 优化的内容点:

1 配置属性,关闭阴影效果
2 修改ext事件机制的缺陷
3 完善组件的销毁机制(目前只完善了部分组件)
window销毁机制
tree销毁机制


===========================================
测试环境

机器&OS  : IE 6 , windows xp sp2 ,  2G内存  ,  P4 3.0G
测试工具 : sIEve 0.80
测试示例 : 官方的 desktop 示例


以下数据为测试三次后的平均值, 其中内存采用的是近似值, 且所有数据都是在其相对稳定时记录下的.

数据为在测试工具内看到的情况,该工具可以比较客观的反映出在IE下页面内存的使用.
在windows的任务管理器内看到的IE占用的内存往往不准确,因为里面有大量的内存是IE本身占用的.
浏览器本身占用的内存是web开发人员不可控的.

例如打开同一个页面, IE安装的插件不同 IE的设置不同 都有可能导致内存的占用有很大的不同,
所以测试时,通过"windows的任务管理器"来查看内存的方法显然是不够客观和准确的.


(注:  空白页面在测试环境上, 通过测试工具查看, 内存的占用为 5M)
============================================================================
数据:

操作场景	使用中的dom节点数	孤立节点		内存


打开示例	52			1			18.9M

【 优化后 】	53			1			19.0M



打开 
accordion 
window		282			2			23.3M

【 优化后 】	282			2			22.2M



关闭 
accordion 
window		132			132-52=80		24.0M

【 优化后 】	63			65-53=12		22.5M



2次打开
accordion 
window		359			80			26.0M

【 优化后 】	291			80			23.0M



2次关闭
accordion 
window		207			207-52=155		26.3M

【 优化后 】	71			71-52=19		22.0M

============================================================================
进行较复杂操作,持续操作1分钟左右.操作内容包括:

打开grid window  
打开 accordion window
对两个窗口进行切换 拖拽 缩放
查看列表的菜单 对列表数据进行排序
对accordion内的树进行刷新 折叠 展开 等操作

最后关闭所有打开的窗口. 然后记录数据:

-------------------------------------

使用中的dom节点数		内存

优化前		329		40.6M
【 优化后 】	207		27.2M

===========================================
windows 和 IE 内存管理机制简述:
(待补充)

===========================================
总结
(待补充)

===========================================

评论

9 楼 elstage 2008-11-13  

讨论一下怎么优化的才是关键啊

8 楼 flare 2008-08-28  

兄弟你的这篇文章看题目以为能从这里学到有价值的知识，但是进来看十分失望啊。只有结果，没有方法。

7 楼 心得体会 2008-07-07  

胖哥你好！
我用Ext时间不是很长，现在项目中用到了,但是发现内存泄漏问题挺严重的
我用你说得那个工具测试了一下登陆页面，每次刷新内存都不断增加（纯html没问题），后来我发现Ext.QuickTips.init()只要增加了这个，每次刷新页面都不断增加内存。
不知道为什么，请教一下啊有没有发现这个问题。我用的是Ext2.0。
还有我用tabpanl内使用ifame，结果也会内存泄漏，请问有没有好的解决办法？跪谢！！

6 楼 tmk_xj 2008-06-05  

胖哥，你搞EXT调优肯定大有前途。开个EXT调优公司吧，专做EXT项目优化和指导。

5 楼 zaneqian 2008-04-16  

目前看到一篇在iframe内注入父页面js和css的文档，有些地方没看明白，也就是只需load一次公共的诸如ext-all.js等文件，无需再子iframe的html中再次装载

<textarea id="StyleProxy" style="display:none;visibility:hidden;">
// CSS loaded inline here
</textarea>
<script type="text/javascript">
document.write(['<style type="text/css">',document.getElementById('StyleProxy').innerHTML,'</style>'].join('r'));
</script>

<script type="text/javascript" id="ScriptProxy">
// JavaScript loaded inline here
</script>

<script type="text/javascript">
// define the variables for storing the JavaScript and CSS
var _SCRIPTS = null;
var _STYLES = null;

// use jQuery to run the JS once HTML is loaded
$(document).ready( function()
{
    // place the JavaScript and CSS into the variables for reuse
    top.window._SCRIPTS = Ext.get("ScriptProxy").dom.innerHTML.toString();
    top.window._STYLES = Ext.get("StyleProxy").dom.innerHTML.toString();

    // create an iframe and add to the DOM
    // this should be always be done after the variables
    // for the JS and CSS are filled
    $main_container = Ext.get("iframe_main_container");
    var $iframe_nav = Ext.DomHelper.append (
        $main_container, {
         tag:         "iframe",
         id:          "iframeMain",
         name:        "iframeMain",
         width:       "100%",
         height:      "100%",
         frameborder: "no",
         scrolling:   "no",
         src:         "ext_demo_iframe1.htm"
        }
    );
})
</script>
在上述代码段中“// CSS loaded inline here
”和“// JavaScript loaded inline here
”不知道如何具体实现

http://matthew.delmarters.com/weblog/injecting-javascript-and-css-into-iframes/#comment-64462

4 楼 xfan1982 2008-03-29  

非常好，能讲讲是怎么优化的吗

3 楼 庄严 2008-03-29  

好啊，小胖做的工作很好

2 楼 fins 2008-03-28  

见:

http://fins.iteye.com/blog/159986#comments

1 楼 mmmagice 2008-03-28  

问个题外话啊，GT-GRID 什么时候发布呢？