Next.jsで「使用していないJavaScriptの削除」に別pageのjsが含まれている場合
Next.jsで作ったサービスのトップページを PageSpeed Insights で分析したところ67点だった。
![lighthouse1](http://images.ctfassets.net/83xbj7nb79zu/4sWcZSka97tKsLINz0QMZE/22ee118727e5197fc63224dbae77b895/lighthouse1.jpg)
SSGかつ数件のデータをリスト表示しているだけなので、もっと良い点になると思っていたが悲しい結果になってしまった。
「改善できる項目」を確認すると「使用していないJavaScriptの削除」に別ページのjsが含まれており、かつこのjsのサイズが大きかった。
トップページからこの別ページにはLinkを設定していた。
![lighthouse2](http://images.ctfassets.net/83xbj7nb79zu/2Dx9TNt6xPn5tFnzFre24f/b4875891e6ca6090d5e382517aff8422/lighthouse2.jpg)
next/Linkはデフォルトでprefetchが有効だということを思い出し、これが原因だと気づいた。
そこで↓のようにprefetchの無効化を実施。
<Link href="/some" prefetch={false}>
Some Page
</Link>
再度PageSpeed Insightsで分析したところ94点まで改善した。
![lighthouse3](http://images.ctfassets.net/83xbj7nb79zu/5U05xao3rxTQmexiQk8fJI/b1a3447388d51a11407806a0402e0cbe/lighthouse3.jpg)
アクセス頻度が低いページへのリンクの場合はprefetchを無効化するのを忘れないようにしよう。