モバイルでreactjsの初期レンダリングパフォーマンスを改善するにはどうすればよいですか？

Question

私はreactjsで書かれたアプリを持っていますが、コンポーネントがレンダリングされるとかなり速くなりますが、レンダリングが遅すぎます。コンピュータでは約2秒かかりますが、モバイルではページのレンダリングに約8秒かかりますが、実際には遅すぎます。

ウェブサイトの読み込み時間を改善する一般的な方法はありますか？

パフォーマンスを分析するためにクロムタイムラインを使用しました。私はbrowser.jsに多くの時間が費やされたことを知りました。私はjavascriptにreactjs jsxを変換すると助けになるのだろうかと思っていた。

ドームが表示されるまでに長い休止時間があることもわかりましたが、この間にブラウザが何をしているのか、またこれを解決する方法はわかりません。

Answer 1

あなたは間違いなくあなたは、生産のためのコードを反応させるの事前コンパイルする必要があります。 process.env.NODE_ENVをproductionに設定することも非常に重要です。これにより、一般的なレンダリングと初期レンダリングが大幅に高速化されます（サーバーサイドレンダリングの場合も同様です）。 これにはbrowserifyプラグインenvify、または対応するWebpackプラグイン（スタックに応じて）を使用できます。

また、私は他のメジャー/マイナーレンダリング速度アップの多くを含んでいるこの会議の話を、お勧めします：https://www.youtube.com/watch?v=PnpfGy7q96U