我想從extjs 3遷移到extjs 4.我已經在rails 3中測試了sample Extjs 4示例。我觀察到extjs 4中的頁面渲染時間非常緩慢。我不知道是什麼是原因。
有人可以告訴我,背後的原因是什麼?或
在我的應用程序中是否有任何問題?和
我該怎麼做才能提高extjs 4的性能?Extjs 3 to Extjs 4
回答
ExtJS的4.0有性能問題,
ExtJS的4.0.2是你所需要的是可以解決大部分的性能問題,它仍然是緩慢的,雖然釋放...
谷歌的ExtJS的4性能
用於將ExtJS與jQuery進行比較的Downvote。 – dmackerman
@dmackerman,我比較質量和性能,而不是這些框架的功能。你用過ExtJS,Dojo和jQuery嗎? – Dzhu
@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框架/庫。 –
你忘了關閉動態資源加載?請注意,ext * -all.js將顯着加速您的頁面加載速度。
ExtJS 4比ExtJS 3快得多。來自sencha的人解決了很多渲染問題並大大提高了性能。
在示例鏈接中,請閱讀部署部分。由於在第四版中引入了ext loader,所以在開發中存在正常的問題,使用框架的具體短文件進行調試和開發會更好,而不是加載大文件(超過10萬行),並且您始終知道問題出在哪裏是。
在生產中,您需要使用Sencha SDK,它將生成您的應用程序初始需要的js plus extjs依賴關係。它比第三個版本好得多,你需要加載所有的框架。
Extjs 4.1解決了許多與佈局有關的問題。如果你有嵌套的面板,相比於內線3
「更好的呈現」你是指速度/性能,這是OP詢問的內容? –
表現。特別是在邊界佈局方面表現出巨大的差異。 – srknori
- ,它可能似乎要遲到了應答的情況下做更好的渲染,但事實是ExtJS的4.x的是多快比ExtJS的3.x版,更在它使前端開發人員能夠使用MVC模式方法創建他們的應用程序,從而使其編碼結構更加清晰易懂。
- ExtJS 4.x解決了渲染問題,在瀏覽器兼容性方面也有所提高。
- 要回答你的問題,可能有很多原因,如下所述。
- 檢查與開發者工具,js文件的一部分,花更多的時間來加載的比較ExtJS的3.X
- 您可能使用更多的內部組件(添加更多的項目到父母和孩子組成部分有更多的子部件,等等)。
- 即使您可以使用新引入的Sencha SDK工具(此處下載),也可以比以往更輕鬆地部署任何Ext JS 4應用程序。這些工具允許您以JSB3(JSBuilder文件格式)文件的形式生成所有JavaScript依賴關係的清單,並創建僅包含應用程序所需代碼的自定義構建。
注:它的一切都取決於如何設計應用程序(建築師)。
感謝
您可以運行CMD煎茶,紅寶石的寶石,其動態創建您的ExtJS的4 css文件,讓你砍完整的css文件(500KB〜!)下降到少可笑的事情。
我提出在四月這裏這個過程https://docs.google.com/document/d/1lGfbEoktJNhIpZneeJ2kkjNKOaSYpOse3mnSA5mGEds/edit?usp=sharing
ExtJS的4.x的是含有大量的bug比較ExtJS的3.x的我在兩個不同的項目中使用。例如4.0.7包含文件上傳問題,直到現在,所以我想告訴我的意見 extjs 3.x是更穩定的extjs框架工作的發佈。
- 1. 將Ext.data.JsonReader從ExtJs 3轉換爲ExtJs 4
- 2. 無法將extjs 3遷移到extjs 4
- 3. ExtJs 3或4 - LostFocus事件
- 4. extjs 4
- 5. extjs組件Ext.XTemplate在EXTJS 4
- 6. ExtJs 4 ...如何擴展Extjs 4組件?
- 7. ExtJs 4 Grid Paging
- 8. ExtJS 4 Set Reader
- 9. ExtJS 4 textfield regex
- 10. ExtJS 4 slimScroll bar
- 11. 在ExtJS 3應用程序中使用ExtJS 4圖表
- 12. Extjs 4/Sencha
- 13. 從ExtJS的4
- 14. Extjs和Spring 4
- 15. 在EXTJS 4
- 16. 在EXTJS 4
- 17. React.js和ExtJS 4
- 18. Highcharts和Extjs 4
- 19. Extjs 4新行
- 20. ExtJs 4 comboboxes loading
- 21. 安全Extjs 4
- 22. ExtJS 4 TreePanel autoload
- 23. 在ExtJS的4
- 24. Aptana 3中的ExtJS 4代碼幫助
- 25. 如何遷移ExtJS的3碼與ext.extend ExtJS的4 3個參數
- 26. ExtJS 3 grid autowidth
- 27. Extjs 3 rowcontext destroy
- 28. DataView與Extjs 3
- 29. 如何ExtJS的4
- 30. 如何升級Extjs 3到Extjs 6
你觀察過,如果它是一個Ajax問題(網絡)或ext渲染問題? – atian25
感謝您的回覆,但我已在本地主機上進行過測試。我認爲它沒有任何Ajax問題。並且還有與ext 3相同的應用程序comapare。我不使用任何網格。我只是表現出一種簡單的形式,仍然很慢。我不知道爲什麼是這樣。 –
我正在使用grails1.4M1 + extjs4.0.2,但是看不到它很慢。可能你不得不放置更多信息 – atian25