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