2011-07-11 22 views
10

extjs 3からextjs 4に移行したい。sample Extjs 4の例をレール3にテストしました。私は、ページのレンダリング時間がextjs 4で非常に遅いことを観察しました。その理由です。
誰でも教えてください。その背後にある理由は何ですか?または
私のアプリに問題はありますか?
extjs 4のパフォーマンスを改善するために何をすべきですか?Extjs 3 to Extjs 4

+0

ajaxの問題(ネットワーク)またはextレンダリングの問題が発生していましたか? – atian25

+0

返信ありがとう、しかし私はローカルホスト上でテストしました。私はそのすべてのアヤックスの問題はないと思う。また、ext 3で同じアプリケーションを使用しました。私はグリッドを使用しません。私はちょうどそのゆっくりとした単純な形を示しています。なぜそうなのか分からない。 –

+0

私はgrails1.4M1 + extjs4.0.2を使用していますが、slow.maybe uという情報が表示されないようにしました。詳細情報 – atian25

答えて

10

ExtJSの4.0は

グーグル...あなたはフィックス最もパフォーマンスの問題という必要リリースであり、それはしかし、まだ遅いパフォーマンスの問題、

のExtJS 4.0.2を持っているExtJSの4パフォーマンス

+4

ExtJSをjQueryと比較するためのDownvote。 – dmackerman

+1

@dmackerman、私はそれらのフレームワークの機能ではなく、品質とパフォーマンスを比較しています。 ExtJS、Dojo、およびjQueryを使用しましたか? – Dzhu

+3

@Dzhu:Ext JSとjQueryは全く異なる獣です。オレンジとリンゴを比較しないでください。 jQueryはExt-Coreのようなものです。http://www.sencha.com/products/extcore/これらの2つのパフォーマンスを測定してみてください。 Ext JSはjQueryUIに似ていますが(jQueryUIはそれほどうれしくありません)。 Dojoはより良い比較です。 jQueryは進歩的な拡張を目的としており、Ext JSはJSを必要とするWebアプリケーション向けです。私はExt-JS 4.0.6を使用していますが、Ext-JS 4.0は徹底的にテストされていないと思いますが、私はまだそれがWeb用の最も完全なUIフレームワーク/ライブラリだと思います。 –

4

用動的リソース読み込みを無効にすることを忘れましたか? ext * -all.jsは、ページの読み込みを大幅に高速化します。

3

ExtJS 4はExtJS 3よりもはるかに高速です。賢者の人はレンダリングの問題を多く解決し、パフォーマンスを大幅に改善しました。

サンプルリンクでは、展開セクションを読んでください。 4thバージョンのext loaderが導入されて以来、開発には通常の問題がありました。大きなファイル(100k行以上)をロードするのではなく、フレームワークの具体的な短いファイルを使用してデバッグや開発を行う方がずっと優れています。あります。

本番環境では、アプリケーションに必要なjsとextjsの依存関係を生成するSencha SDKを使用する必要があります。すべてのフレームワークをロードする必要がある第3版よりはるかに優れています。

2

Extjs 4.1は、レイアウトに関連する多くの問題を解決しました。あなたがパネルを入れ子にしている場合、それは内線3.

+0

"あなたはスピード/パフォーマンスを指していますか?それはOPが尋ねていたものですか? –

+0

パフォーマンス。特に、ボーダーレイアウトとのパフォーマンスに大きな違いが見られました。 – srknori

2
  1. にも比較すると、より良いレンダリングが返事が遅れのようですが、真実はExtJSの4.xのがよりオーバー、ExtJSの3.xのバージョンよりもはるかに速いですんフロントエンドの開発者は、MVCパターンのアプローチでアプリケーションを作成し、コーディング構造をより明確に整理可能に整理しました。
  2. ExtJS 4.xはレンダリングの問題を解決し、ブラウザの互換性よりもパフォーマンスが向上しました。
  3. あなたの質問にお答えするには、下記のような多くの理由が考えられます。あなたはより多くのサブを持つより多くの内部コンポーネント(親に複数の項目を追加し、子コンポーネントを使用している可能性がありロードするために多くの時間を割いて、JSファイルの一部のExtJS 3.xの
  4. と比較して、開発者ツールを使用して
    1. チェック、コンポーネントなど)。
    2. 新しく導入されたSencha SDKツール(ここでダウンロード)を使用しても、Ext JS 4アプリケーションの展開がこれまで以上に簡単になります。このツールを使用すると、すべてのJavaScript依存関係のマニフェストをJSB3(JSBuilderファイル形式)ファイルの形式で生成し、アプリケーションに必要なコードのみを含むカスタムビルドを作成できます。

注:そのすべてはあなたのアプリケーション(建築家)を設計する方法に依存しています。

おかげ

1

ExtJSの4.xでは、比較のExtJS 3.xで多くのバグを含んで、ここで4月にこのプロセスを概説しています私は私の異なるプロジェクトで両方を使用しています。例えば4.0.7にはファイルアップロードの問題が含まれていますので、私の意見はこちら extjs 3.xはextjsフレームワークのより安定したリリースです。