WebPageTest Visual Performance Comparison

Adjust Filmstrip Settings

Custom label	-l:<label>	230424_AiDc85_2TT-l:Original
Specific run	-r:<run>	230424_AiDc85_2TT-r:3
Repeat view	-c:1	230424_AiDc85_2TT-c:1
Specific step	-s:3	230424_AiDc85_2TT-s:3
Specific End Time	-e:<seconds>	230424_AiDc85_2TT-e:1.1

Filmstrip key:

Visual change
Visual change + Layout Shift
Largest Contentful Paint
Largest Contentful Paint + Layout Shift

0.0s	0.5s	1.0s	1.5s	2.0s	2.5s	3.0s	3.5s	4.0s	4.5s	5.0s	5.5s
1: 1 Client-only SPA on renderTest Run Details
0%	0%	0%	0%	0%	3%	3%	8%	8%	66%	82%	100%
2: 1 Client-only SPA on VercelTest Run Details
0%	0%	0%	0%	3%	8%	8%	8%	81%	81%	80%	100%
3: 5 Full stack app with Remix and Express on renderTest Run Details
0%	0%	0%	0%	0%	100%
4: 6 Full stack app with Remix on Vercel edgeTest Run Details
0%	0%	0%	9%	10%	87%	87%	94%	99%	100%
5: 8 Full stack app with Next.js and RSC on Vercel edgeTest Run Details
0%	0%	0%	0%	6%	6%	94%	99%	99%	100%

Waterfall Opacity (Adjust the transparency of each run's waterfall)

1 Client-only SPA on render 1 Client-only SPA on Vercel 5 Full stack app with Remix and Express on render 6 Full stack app with Remix on Vercel edge 8 Full stack app with Next.js and RSC on Vercel edge

Filmstrip Comparison

Advanced Visual Comparison Configuration

Filmstrip key: