How to Compare Before and After Changes with Claude
Compare Lighthouse scores before and after changes with Claude. Measure the impact of every deployment.
Tool
Claude runs Lighthouse before and after your changes, then provides an interactive comparison of the score deltas. Ask it to explain exactly which optimizations drove the biggest improvements, flag any regressions introduced by your deployment, or generate a performance changelog for your team documenting what changed and why.
Connect ToolRouter to Claude
1Go to Settings → Connectors → Add custom connector
2Enter the details below and click Add
Name
ToolRouterURL
https://api.toolrouter.com/mcp3Done — works on Claude chat, desktop, and mobile
Steps
Once connected (see setup above), use the Lighthouse Audit tool:
- Before changes: "Run a Lighthouse audit on mysite.com/page and save the scores as our baseline"
- Deploy your changes to staging or production
- After changes: "Run Lighthouse on mysite.com/page again and compare with the baseline"
- Claude highlights every metric that improved or regressed with the delta
Example Prompt
Try this with Claude using the Lighthouse Audit tool
Run a Lighthouse audit on mysite.com/page. I just deployed image optimizations -- compare these results with the previous audit and tell me what improved.
Tips
- Claude remembers previous audit results within a conversation for easy comparison
- Ask for a summary table showing score deltas across all categories
- Use this workflow as part of your deployment verification process