0

EXTJS 6、必須または使用 - プログラムで決定

仕事では EXT JS 6 を使用しています。私は「高速化」を任されています。私はすでにいくつかのことを行い、少なくとも 30% の速度向上を達成しました。ただし、ページ/モジュール/セクションをロードする場合 (名前は何でも)、最初のコンポーネントの下にあるすべてのコンポーネントが非同期でロードされます。これにより、ページの読み込みに約 20 秒の測定可能な遅延が発生しています。

これは、EXT JS 4 から移行したときに、すべてのクラス定義を require として保持したためだと思います。

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

私は多くのドキュメントを見て、「uses」を使用して、「on-screen-first」のものとは別にロードできるプログラムのセクションを定義する必要があるという結論に達しました。

したがって、たとえば、上記は次のようになります。

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

このプログラムには、おそらく 500 ページ/セクションが十分にあります。おそらく3000〜のファイルがあります。だから私の質問は（本当に2倍です）です。

質問 1: 「requires」内の何かを「uses」を使用してロードできる/ロードする必要があるかどうかを実際に判断するにはどうすればよいですか

と

質問 2: 私は正しい道を進んでいますか?

EXT JS には非常に敵対的なコミュニティがあるため、Stack でこの質問をしています。皆さんの助けになれば幸いです。私は今日までに 7 時間かけて本を読みました。以下は、実際に役立つと思われるリンクの一部です。

https://www.sencha.com/forum/archive/index.php/t-133191.html?s=8b90c637dd96fed53597cd029544d955 http://docs.sencha.com/extjs/6.0.0/classic/Ext.Class.html #cfg-必要

4

1 に答える 1