Next.jsを捨てたら、ブログがLighthouse全項目100点になった
Removing Next.js Got My Blog to 100 on Every Lighthouse Category
軽くて速く、複数ブログを運用できる自分専用のブログを作りたいと考えた筆者。CloudflareのCDNとImage Transformationsでキャッシュと画像最適化を固めても、Next.jsが静的ページに必ず同梱するクライアントランタイムと未使用JavaScript(約230KB)が残り、満点には届かない。結局Next.jsを外してHonoへ移行し、JavaScriptゼロ・未使用コード407バイトを実現。描画前のロングタスクは309msから68msへ約78%短縮し、ビルド時間も約40%減った。
「それなら、なぜ自分はNext.jsを使っているんだ?」と気づいたのです。