私は、データをリストするためにテーブルの* ngForを使用していたところで問題があります。これにより、通常、1000行の表が作成されます。 Chromeでアプリを実行すると正常に動作しますが、Firefoxで実行すると、アプリが使用できないほど遅くなります。角2 * ng Firefoxでのアプリの速度低下
私はコンポーネントを削除すると、それ以外のものはうまく動作するため、データをリストするコンポーネントだとわかっています。また、1000から約100または50にリストされたアイテムの数を減らすと、アプリケーションはより速く実行されますが、最終的には遅くなります。
私はFirefoxとChromeでアプリケーションのメモリ使用量を調べましたが、使用されているメモリは似ています。
誰もこのような問題に遭遇しましたか?もしそうなら、私はこれをどのように解決できますか?
実際のコードを掲載する必要があります。チェックするもの: 'trackBy'を使っていますか?あなたは 'ChangeDetectionStrategy.OnPush'を使っていますか?一度に1000行すべてをレンダリングする必要がありますか、または仮想スクロール(画面いっぱいに十分な行だけを描画し、どちらか片側にビットを表示する)を使用することで逃げることができますか? 「それでもやがて減速する」と言えば、メモリリークについての警告音が鳴ります。 – GregL
他に考慮すべき点:このアプリは携帯端末で機能し、機能する必要がありますか?もしそうなら、一度に多くの行を表示する必要はありません。また、IEなどの古いブラウザでは、ChromeやFirefoxよりもパフォーマンスが大幅に低下するため、サポートが必要な場合は、レンダリングも少なくする必要があります。 – GregL
私はメモリリークについて考えましたが、Firefoxでこのようなことを調べるための優れたツールはわかりません。 (Chromeにはさらに優れた開発ツールIMOのスイートがあります)このアプリはモバイルで動作する必要はありません。私はtrackByまたはChangeDetectionStrategy.OnPushを使用しません。また、IEは問題ではありません。このプロジェクトでは、IEやEdgeの互換性は必要ありません。繰り返しますが、私はリスト内で1行だけを実行しましたが、それはまだ通常よりも遅くなるようです。 – TheRedCameron