WebPageTest Visual Performance Comparison

There are additional customizations that can be done by modifying the tests parameter in the comparison URL directly.

URL structure: ...compare.php?tests=<Test 1 ID>,<Test 2 ID>...

The tests are displayed in the order listed and can be customized with options:

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

You can also customize the background and text color by passing HTML color values to bg and text query parameters.

Examples:

Customizing labels: https://www.webpagetest.org/video/compare.php?tests=210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296-l:Original,210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296-l:No+JS
Compare First vs. Repeat view: https://www.webpagetest.org/video/compare.php?tests=210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296,210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296-c:1
Second step of first run vs. Second step of second run: https://www.webpagetest.org/video/compare.php?tests=210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296-r:1-s:2,210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296-r:2-s:2
White background with black text: https://www.webpagetest.org/video/compare.php?tests=210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296,210831_AiDcQR_1c8c05bd7a25ec9c714a81bc31a84296-c:1&bg=ffffff&text=000000

Filmstrip Comparison