Streaming Test Scenarios

• Full Streaming

  Streams the HTML response progressively as components render on the server. The browser receives the page in chunks.

• Full Streaming with Image

  Same as Full Streaming, but includes a large image to demonstrate how streaming handles media resources.

• Partial SSR Preloading

  Sends an immediate initial HTML shell, then streams the remaining dynamic content as it becomes available.

• Partial SSR Preloading with Image

  Similar to Partial SSR, but includes a large image to test loading behavior with mixed content types.

• Comparison (iframes)

  Buttons reveal iframes; each iframe loads a page with 3s dynamic content and static content below.

• Full SSR (Blocking)

  Waits for all data fetching and rendering to complete on the server before sending any HTML to the browser.

• Full SSR with Image

  Standard server-side rendering where the entire page (including image references) is prepared before response.

• Static Site Generation (SSG)

  The page is built once at build time. Extremely fast delivery but content is static until the next build.

• SSG with Image

  Statically generated page including a large image. Useful for testing static asset delivery performance.

• Top Level Preloading

  Simulates fetching data at the route root level before rendering children, ensuring data is ready early.

• Top Level Preloading with Image

  Route-level preloading pattern including image content considerations.