1.製品版を使用します
コードは、生産(圧縮)パッケージコードのモードの下でリリースされていることを確認してください。
一般NPM実行ビルドコマンドを実行します。
WebPACKのから直接プロファイルを参照してください、モード=「生産」を設定する必要があります。通話ティーザー-WebPACKの-プラグイン
生産のカラーモードかどうかを判断することができますアドレスバーのアイコンのデベロッパーツールの権利を反応させます。
2.読み込んで視覚的な範囲 - 仮想化の長いリスト
ウェブサイトには、大量のデータをロードする必要がある場合には非常にゆっくりとロードされます。今回は、現在の画面の範囲内でデータをレンダリングする、仮想スクロールプラグインを使用することができます。
スクロールマウスは、イベントをトリガし、画面をレンダリングします。
3.コードのパフォーマンス最適化ツールを修正
使用Chromeのパフォーマンス・プロファイラツールやデベロッパーツールに反応分析するためのツール
4.不要なレンダリングPureComponentを減らします