プログレッシブJSON:プログレッシブJPEGのようにデータをストリーミングする
2025-06-01
この記事では、JSONデータ転送効率を向上させる方法であるプログレッシブJSONについて解説します。従来のJSONは、解析前にすべてのデータの読み込みを待つ必要がありますが、プログレッシブJSONはプログレッシブJPEGに似ており、最初にデータフレームワークを転送し、その後徐々に詳細を埋めていきます。この記事では、深さ優先と幅優先の2つのデータストリーム方法を比較し、React Server Components(RSC)がSuspenseコンポーネントと組み合わせて幅優先アプローチを使用することで、プログレッシブUI読み込みを実現し、ユーザーエクスペリエンスを向上させていることを指摘しています。