extjs 实际确定EXT JS 6 -必需或使用子文件

ct3nt3jp  于 2023-05-17  发布在  其他
关注(0)|答案(1)|浏览(170)

EXTJS 6,需要或使用-以编程方式确定

在工作中,我们使用EXT JS 6,我的任务是 '加速它'。我已经做了几件事,并取得了至少30%的速度增加。然而,当加载一个页面/模块/节(无论你想叫它什么)时,第一个组件下面的每个组件都是异步加载的。这会导致页面加载出现约20秒的可测量延迟。
我相信这是因为当我们从EXT JS 4迁移时,我们将所有内容都保留在类定义中作为要求。

requires: [
    'app.view.setup.thing.TabController',
    'app.view.setup.thing.Panel',
    'app.store.setup.combo.thingGroupIcons'
],

我看了很多文档,得出的结论是,我们应该使用“uses”来定义程序的各个部分,这些部分可以单独加载到“屏幕优先”的东西中。
例如,上面的代码将变成这样:

requires: [
    'app.view.setup.thing.Panel',
],
uses: [
    'app.view.setup.thing.TabController',
    'app.store.setup.combo.thingGroupIcons'
],

该程序可能有一个很好的500页/节。大概有3000~个文件。所以我的问题是(实际上是两个)。

问题1:我怎样才能实际地确定我的“requires”中的某些内容是否可以/应该使用“uses”加载

问题2:我的方向对吗?

在EXT JS周围有一个非常敌对的社区,所以我在Stack上问这个问题,我希望人们会更有帮助。到目前为止,我已经花了七个小时阅读了,下面是一些我认为实际上很有帮助的链接。
http://docs.sencha.com/extjs/6.0.0/classic/Ext.Class.html#cfg-requires

pjngdqdw

pjngdqdw1#

要确定哪些可以通过uses加载,您只能将“required”部分中的所有内容移动到“uses”部分,并检查哪些内容被破坏。
但是使用uses,你只能改善未编译版本的加载时间,而不是cmd编译版本的加载时间,在cmd编译版本中,所有的依赖都在一个javascript文件中,而且它应该是面向客户的唯一版本。
当然,你也可以像我的老板一样,找一些高薪顾问( Sencha 或你附近的Sencha批准的网点)来审查你的申请。他们的第一个结果正是我已经告诉他的:没有可能进一步显著提高我们的Cmd编译版本的加载速度。他们告诉我们,我们只剩下一个选择-我应该添加一个动画闪屏,这将减少一半的加载时间。当然,如果你使用秒表,它就不会,但是用户在启动应用程序时没有秒表。

相关问题