NextJS独自のパフォーマンス最適化ソリューション
BrowserTools MCP's runNextJSAudit このコマンドは、6つのコアメトリクスの詳細なテストを可能にする：
- サーバーサイド・レンダリングの水和ハイドレーション中のリソース消費を分析し、必要でないクライアント側コンポーネントにフラグを立てる。
- 画像の最適化未使用の次/画像イメージと最適化されていない静的リソースを検出します。
- ルート・プリロードリンク要求のウォーターフォールグラフを視覚化し、事前にロードされた欠落ルートを特定します。
- APIレスポンスgetStaticProps/getServerSidePropsの実行に時間がかかり、遅いクエリをマークする。
手順：カーソルに runNextJSAudit → フルスキャンまで2～3分待つ → 具体的な改善点を記載したJSONレポートを受け取る。典型的な最適化の提案としては、ダイナミック・インポートのしきい値をデフォルトの300msから150msに調整すること、JSONの設定値を変更することなどがある。unstable_runtimeJS: falseランタイムJSの削除など
この答えは記事から得たものである。BrowserTools MCP: ブラウザの動作をリアルタイムで監視するMCPサービスについて
日本語 
简体中文 
English 
Deutsch 
Português do Brasil