我想从 extjs 3 迁移到 extjs 4。我在 rails 3 中测试了示例Extjs 4 示例。我观察到 extjs 4 中的页面渲染时间非常慢。我不知道是什么原因。
谁能告诉我,这背后的原因是什么?或者
我的应用程序有什么问题吗?我应该怎么做
才能提高 extjs 4 的性能?
8 回答
ExtJS 4.0 存在性能问题,
ExtJS 4.0.2 是修复大多数性能问题所需的版本,但它仍然很慢......
谷歌的 ExtJS 4 性能
您是否忘记关闭动态资源加载?请注意,ext*-all.js 将显着加快您的页面加载速度。
ExtJS 4 比 ExtJS 3 快得多。来自 sencha 的家伙解决了很多渲染问题并大大提高了性能。
在示例链接中,只需阅读部署部分。由于在第 4 版中引入了 ext loader,开发性能存在正常问题,使用框架的具体短文件而不是加载大文件(超过 100k 行)进行调试和开发要好得多,而且您始终知道问题出在哪里是。
在生产中,您需要使用 Sencha SDK,它将生成您的应用程序初始所需的 js 和 extjs 依赖项。它比需要加载所有框架的第 3 版要好得多。
您可以运行 Sencha CMD,这是一个动态创建 ExtJS 4 css 文件的 ruby gem,允许您将完整的 css 文件(约 500kb !)缩减为不那么荒谬的东西。
我在四月份在这里概述了这个过程https://docs.google.com/document/d/1lGfbEoktJNhIpZneeJ2kkjNKOaSYpOse3mnSA5mGEds/edit?usp=sharing
Extjs 4.1 解决了许多与布局相关的问题。如果您有嵌套面板,与 Ext 3 相比,渲染效果更好。
- 似乎回复晚了,但事实是 ExtJS 4.x 比 ExtJS 3.x 版本快得多,更重要的是它使前端开发人员使用 MVC 模式的方法创建他们的应用程序来组织他们的编码结构更多更清晰的可维护性。
- ExtJS 4.x 解决了渲染问题,还提高了浏览器兼容性的性能。
- 要回答您的问题,可能有很多原因,如下所述。
- 使用开发工具检查,与 extjs 3.x 相比,js 文件的哪个部分需要更多时间来加载
- 您可能正在使用更多内部组件(向具有更多子组件的父组件和子组件添加更多项目等)。
- 即使您可以使用新推出的 Sencha SDK 工具(在此处下载),也可以比以往更轻松地部署任何 Ext JS 4 应用程序。这些工具允许您以 JSB3(JSBuilder 文件格式)文件的形式生成所有 JavaScript 依赖项的清单,并创建仅包含应用程序所需代码的自定义构建。
注意:这完全取决于您如何设计应用程序(架构师)。
谢谢
与 ExtJS 3.x 相比,ExtJS 4.x 包含很多错误。我在我的不同项目中同时使用两者。例如 4.0.7 包含文件上传问题,所以我想告诉我的意见 extjs 3.x 是更稳定的 extjs 框架版本。
使用 Extjs4.0 或更高版本的 MVC 功能将商店视图模型控制器放在不同的文件夹中,并使用控制器调用它们。