こんにちは!ぬこすけと申します! Reactを使って個人で本のおすすめ度を点数化して紹介するサイトを作っています。 ひたすら本のリストページのパフォーマンスチューニングをしていたのですが、LightHouseのパフォーマンススコアで下記のように爆上げすることができました! Before パフォーマンススコア:30前後くらい ※表示する本のリストは10件 After パフォーマンススコア:90前後くらい ※表示する本のリストは400件程度 (2020/8/12に計測) 今回の開発で得た経験を元に、Reactにおけるパフォーマンスチューニングのノウハウをご紹介したいと思います! なお、導入効果と導入工数、おすすめ度を主観で5段階でつけさせていただきました! なお、React Hooksをはじめ、2020/7/28にリリースされたNextJs 9.5など、最近の技術も活用しているので、そこらへん