Advanced Visual Comparison Configuration

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:

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=220916_BiDcN0_B3S-l:Original,220916_BiDcN0_B3S-l:No+JS
• Compare First vs. Repeat view: https://www.webpagetest.org/video/compare.php?tests=220916_BiDcN0_B3S,220916_BiDcN0_B3S-c:1
• Second step of first run vs. Second step of second run: https://www.webpagetest.org/video/compare.php?tests=220916_BiDcN0_B3S-r:1-s:2,220916_BiDcN0_B3S-r:2-s:2
• White background with black text: https://www.webpagetest.org/video/compare.php?tests=220916_BiDcN0_B3S,220916_BiDcN0_B3S-c:1&bg=ffffff&text=000000