是什么让你的ExtJS应用程序运行缓慢?
本文说的“缓慢”,是只运行时 的缓慢,而不是只加载资源的时间。
在过去的一年半以来,我一直与Robert Bosch在Bosch软件创新公司工作,在那里我们的前端技术堆栈非常依赖ExtJS。我有机会开发Visual Rules Web Modeler机器协助开发其它几个基于ExtJS的应用,因此,我积累了不少与ExtJS应用常见的性能问题有关的经验。
在这篇文章中,我将与你们分享导致ExtJS应用运行缓慢的瓶颈问题,并指出ExtJS开发者最容易犯的错误。
本文提及的ExtJS是指版本3.3.x及以下版本的ExtJS。
1、过度的Ext.Panel定义
在我看来,最常用的ExtJS组件是Ext.Panel。在ExtJS里定义一个面板太简单了,因而很多开发人员很容易就会过度的定义它。下面是一个典型的嵌套了子面板的面板定义:
?
var window = new Ext . Window ( { closeAction : ' hide ' , title : ' The Untitled ' } ) ; window . show ( ) ; // render and display the window window . hide ( ) ; // the window is not destroyed but only hidden in the DOM.??我希望本文能给大家一些线索以提高ExtJS应用的性能。如果你有其它与ExtJS应用性能有关的问题和经验,可以随时在这里分享。大笑
干杯,
1 楼 qdch520 2011-09-08 楼主,你好,现在我遇到一个性能问题,就是用Ext开发的一个项目,单页模式(即主页引用Ext的库文件)。现在IE6下面运行,速度很慢,我该从哪些方面入手进行优化?能否给点建议?万分感谢!