NextLevel
NextLevelはNext.js製のアプリのパフォーマンスを視覚化できるオープンソースのパフォーマンスメトリクスダッシュボードです。
Next.jsアプリに接続し、ビルド時間やWebバイタルなどアプリにとって重要なデータを視覚化する事でボトルネックを正確に特定し解決する事で、開発の生産性とUXを向上できるようにする、というもの。
視覚化にあたり、サーバーの応答時間を示す指標（TTFB）、メインコンテンツが読み込まれるまでの時間測定（LCP）、レンダリング開始時間（FCP）、ユーザーアクションに対する応答速度（INP）、レンダリングが影響を与えるページのズレ等のレイアウトシフト（CLS）、ソースコードのコンパイルからバンドルするまでのビルド時間、ユーザーが使うブラウザに送信される全ファイル合計のバンドルサイズの8項目を元にデータを計測して視覚化されます。
Next.jsでアプリ開発をしている方でパフォーマンスの最適化に苦労させられている、という方はお試しになってはいかがでしょうか。
