2011-07-11 113 views
10

我想从extjs 3迁移到extjs 4.我已经在rails 3中测试了sample Extjs 4示例。我观察到extjs 4中的页面渲染时间非常缓慢。我不知道是什么是原因。
有人可以告诉我,背后的原因是什么?或
在我的应用程序中是否有任何问题?和
我该怎么做才能提高extjs 4的性能?Extjs 3 to Extjs 4

+0

你观察过,如果它是一个Ajax问题(网络)或ext渲染问题? – atian25

+0

感谢您的回复,但我已在本地主机上进行过测试。我认为它没有任何Ajax问题。并且还有与ext 3相同的应用程序comapare。我不使用任何网格。我只是表现出一种简单的形式,仍然很慢。我不知道为什么是这样。 –

+0

我正在使用grails1.4M1 + extjs4.0.2,但是看不到它很慢。可能你不得不放置更多信息 – atian25

回答

10

ExtJS的4.0有性能问题,

ExtJS的4.0.2是你所需要的是可以解决大部分的性能问题,它仍然是缓慢的,虽然释放...

谷歌的ExtJS的4性能

+4

用于将ExtJS与jQuery进行比较的Downvote。 – dmackerman

+1

@dmackerman,我比较质量和性能,而不是这些框架的功能。你用过ExtJS,Dojo和jQuery吗? – Dzhu

+3

@Dzhu:Ext-JS和jQuery是完全不同的野兽,不要比较桔子和苹果。 jQuery就像Ext-Core http://www.sencha.com/products/extcore/,尝试衡量这两者的表现。 Ext-JS更像jQueryUI(但jQueryUI几乎没有那么好)。道场是一个更好的比较。 jQuery用于渐进式增强,Ext-JS用于需要JS的Web应用程序。我使用的是Ext-JS 4.0.6,尽管我确实认为Ext-JS 4.0没有经过彻底的测试(我自己发现的错误太多了),但我仍然认为它是网络中最完整的UI框架/库。 –

4

你忘了关闭动态资源加载?请注意,ext * -all.js将显着加速您的页面加载速度。

3

ExtJS 4比ExtJS 3快得多。来自sencha的人解决了很多渲染问题并大大提高了性能。

在示例链接中,请阅读部署部分。由于在第四版中引入了ext loader,所以在开发中存在正常的问题,使用框架的具体短文件进行调试和开发会更好,而不是加载大文件(超过10万行),并且您始终知道问题出在哪里是。

在生产中,您需要使用Sencha SDK,它将生成您的应用程序初始需要的js plus extjs依赖关系。它比第三个版本好得多,你需要加载所有的框架。

2

Extjs 4.1解决了许多与布局有关的问题。如果你有嵌套的面板,相比于内线3

+0

“更好的呈现”你是指速度/性能,这是OP询问的内容? –

+0

表现。特别是在边界布局方面表现出巨大的差异。 – srknori

2
  1. ,它可能似乎要迟到了应答的情况下做更好的渲染,但事实是ExtJS的4.x的是多快比ExtJS的3.x版,更在它使前端开发人员能够使用MVC模式方法创建他们的应用程序,从而使其编码结构更加清晰易懂。
  2. ExtJS 4.x解决了渲染问题,在浏览器兼容性方面也有所提高。
  3. 要回答你的问题,可能有很多原因,如下所述。
    1. 检查与开发者工具,js文件的一部分,花更多的时间来加载的比较ExtJS的3.X
    2. 您可能使用更多的内部组件(添加更多的项目到父母和孩子组成部分有更多的子部件,等等)。
    3. 即使您可以使用新引入的Sencha SDK工具(此处下载),也可以比以往更轻松地部署任何Ext JS 4应用程序。这些工具允许您以JSB3(JSBuilder文件格式)文件的形式生成所有JavaScript依赖关系的清单,并创建仅包含应用程序所需代码的自定义构建。

注:它的一切都取决于如何设计应用程序(建筑师)。

感谢

1

ExtJS的4.x的是含有大量的bug比较ExtJS的3.x的我在两个不同的项目中使用。例如4.0.7包含文件上传问题,直到现在,所以我想告诉我的意见 extjs 3.x是更稳定的extjs框架工作的发布。