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