extjs 3 から extjs 4 に移行したいと考えています。サンプルの Extjs 4 の例を Rails 3 でテストしました。extjs 4 ではページのレンダリング時間が非常に遅いことがわかりました。その理由はわかりません。
その背後にある理由は何ですか?または
私のアプリに問題がありますか?extjs 4 のパフォーマンスを改善するに
はどうすればよいですか?
8 に答える
ExtJS 4.0 にはパフォーマンスの問題があり、
ExtJS 4.0.2 は、ほとんどのパフォーマンスの問題を修正するために必要なリリースですが、それでも遅いです...
Google for ExtJS 4 のパフォーマンス
動的リソースの読み込みをオフにするのを忘れましたか? ext*-all.js を使用すると、ページの読み込みが劇的に高速化されることに注意してください。
ExtJS 4 は ExtJS 3 よりもはるかに高速です。sencha の担当者は多くのレンダリングの問題を解決し、パフォーマンスを大幅に改善しました。
サンプル リンクでは、デプロイ セクションを読んでください。第 4 バージョンで導入された ext loader のように、パフォーマンスには開発の通常の問題があり、大きなファイル (100k 行以上) をロードする代わりに、フレームワークの具体的な短いファイルを使用してデバッグおよび開発する方がはるかに優れており、問題の場所を常に把握できます。それは。
本番環境では、アプリケーションの最初に必要な js と extjs の依存関係を生成する Sencha SDK を使用する必要があります。すべてのフレームワークをロードする必要がある 3 番目のバージョンよりもはるかに優れています。
- 返信が遅れているように見えるかもしれませんが、実のところ、ExtJS 4.x は ExtJS 3.x バージョンよりもはるかに高速です。それ以上に、フロントエンド開発者は MVC パターン アプローチを使用してアプリケーションを作成し、コーディング構造をより整理する必要がありました。より明確に維持可能。
- ExtJS 4.x はレンダリングの問題を解決し、ブラウザの互換性よりもパフォーマンスが向上しています。
- あなたの質問に答えるには、以下に示すように多くの理由が考えられます。
- extjs 3.x と比較して、読み込みに時間がかかる js ファイルの部分を開発者ツールで確認してください。
- より多くの内部コンポーネントを使用している可能性があります(親コンポーネントにアイテムを追加し、子コンポーネントにサブコンポーネントを追加するなど)。
- 新しく導入された Sencha SDK ツール (ここからダウンロード) を使用することで、Ext JS 4 アプリケーションのデプロイがこれまで以上に簡単になります。このツールを使用すると、すべての JavaScript 依存関係のマニフェストを JSB3 (JSBuilder ファイル形式) ファイルの形式で生成し、アプリケーションに必要なコードのみを含むカスタム ビルドを作成できます。
注: すべては、アプリケーション (アーキテクト) の設計方法によって異なります。
ありがとう
Extjs 4.1 では、レイアウトに関する多くの問題が解決されています。ネストされたパネルがある場合、Ext 3 と比較してレンダリングが向上します。
ExtJS 4.x には、ExtJS 3.x に比べて多くのバグが含まれています。私は別のプロジェクトで両方を使用しています。たとえば、4.0.7 には今までのファイル アップロードの問題が含まれているので、extjs 3.x は extjs フレームワークのより安定したリリースであるという私の意見を伝えたいと思います。