2016-07-13 2 views
1

反応の速いデータを初期化するにはどうすればいいですか?initを使用して反応速度の速いデータを格納する方法は?

私のプロジェクトでは、クライアントに反応するアプリケーションを作成します。

私はalt(flux),normalizr,immutableを使用しています。パフォーマンスを最適化するために、私はPureRendermixinとimmutalbejsを使用しています。

ユーザーがページをナビゲートすると、各ストアはブラウザの場所をリッスンし、ajaxを介してALLデータを取得し、必要なデータで初期化します。

その後、各店舗でemitChangeが発生し、反応してコンポーネントツリーが再描画されます。

しかし、問題はすべての必須ブートストラップストアでコンポーネントツリーを再レンダリングすることでemitChangeが発生するという問題です。 これはブラウザが凍結しても非常に遅くなります。

つまり、ユーザーはリンクをクリックしてページデータをストアにブートストラップします(ブートストラップ)。 このケースでは、DOMAINストアデータ(投稿、コメント、リスト、ページネーション、ユーザー、カテゴリ...ビューコンポーネントの依存関係のための10以上のストア)が更新されました。更新しました。

  • NODE_ENV = DEV enter image description here は、これは1秒以上かかり、ブラウザが使用するのに十分であっても良くなく

  • NODE_ENV = PROD enter image description here これは200msの以上かかるし、停止します。

アーキテクチャを最適化する方法は?

答えて

0

サーバレンダリング手法(universal/isomorphic)を使用して、サーバからのデータをAjaxなしで直接クライアント側に渡すことができます。

+0

私はサーバーリロードから来ました。それは遅かったので – bsdo64

関連する問題