この記事は、 KENTEM TechBlog アドベントカレンダー2024 18日目、12月18日の記事です。 こんにちは。私は、KENTEMでWEBフロントエンドエンジニアをしています。 私の所属プロジェクトでは、Reactを採用しています。開発中、リスト内のアイテム数が多くなるにつれパフォーマンスが悪くなるという課題がありました。この記事では、IntersectionObserverを使って、巨大なリストのパフォーマンス改善を行う方法を紹介させていただきます。 どのようなリストか パフォーマンスの課題 Windowingは銀の弾丸ではなかった IntersectionObserverを使っ…