2011-07-11 165 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框架工作的發佈。