ある日、Vercelのダッシュボードを見ると以前はだいたい100KB前後だったページのレスポンスサイズが500KB前後に増えてしまっていました。
原因はサーバコンポーネントからクライアントコンポーネントに渡すpropsが巨大だったことでした。
SCからCCに渡したpropsはRSCペイロードという形で初回レスポンスのHTMLに含まれるためです。
分かってしまえば単純なことなのですが、当時Next.jsのバージョンアップなどの改修も同時に行なっていたために原因調査に手こずりました。
そんなわけで、レスポンスサイズが5倍になったときの調査に役に立つかもしれない（？）RSCペイロードの覗き方を…
Source link
Views: 0
