プロジェクトのパフォーマンスの最適化を反応させます

1.製品版を使用します

コードは、生産(圧縮)パッケージコードのモードの下でリリースされていることを確認してください。

一般NPM実行ビルドコマンドを実行します。

WebPACKのから直接プロファイルを参照してください、モード=「生産」を設定する必要があります。通話ティーザー-WebPACKの-プラグイン

生産のカラーモードかどうかを判断することができますアドレスバーのアイコンのデベロッパーツールの権利を反応させます。

2.読み込んで視覚的な範囲 - 仮想化の長いリスト

ウェブサイトには、大量のデータをロードする必要がある場合には非常にゆっくりとロードされます。今回は、現在の画面の範囲内でデータをレンダリングする、仮想スクロールプラグインを使用することができます。

スクロールマウスは、イベントをトリガし、画面をレンダリングします。

3.コードのパフォーマンス最適化ツールを修正

使用Chromeのパフォーマンス・プロファイラツールやデベロッパーツールに反応分析するためのツール

4.不要なレンダリングPureComponentを減らします

 

おすすめ

転載: www.cnblogs.com/lyraLee/p/11569755.html