お疲れ様です。SJC共同開発推進室の境田です。
地図画面のパフォーマンス問題、「重い」「カクつく」「固まる」といった経験はありませんか?
私も同じ課題に直面し、当初は地図画面の最適化(useRef、クラスター表示、ルート表示の一本化など)に注力しましたが、改善は見られませんでした。
本当の原因は地図ではなく、サイドパネルでの大量画像表示とそれに伴う状態の密結合にあったのです。
今回は、この根本原因を特定し、仮想化ライブラリ react-window を導入するだけで劇的なパフォーマンス改善を実現した経験を、具体的なコード例と共に紹介します。
同様の悩みを抱える方の解決の糸口になれば幸いです。
続きを読む