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