Skip to content
Trevor Behnke

Image State Comparison Bot

Improved Core Web Vitals to 90+ by optimizing images, code-splitting, and caching.

Software Engineer•2022
Next.jsReactVercelLighthouse
Image State Comparison Bot cover
Image comparison bot—overview of results

Gallery

Image State Comparison Bot screenshot 1
State diffs with thresholds
Image State Comparison Bot screenshot 2
Run history and artifacts
Background
Used Playwright for capture and pixel-diff thresholds to reduce flaky alerts. Considered Percy, but custom flow was more flexible for our stack.
Contribution
Implemented diffing pipeline and Slack notifications. Partnered with QA to tune thresholds and suppress noise.
Learned
Automated diffs caught regressions early; the key was curating stable test states. Next: parallelize captures and cache baselines per branch.
Live