How to Diagnose Slow Load Times with Copilot
Diagnose slow pages in your IDE with Copilot and ToolRouter. Fix performance bottlenecks in code.
Tool
Copilot diagnoses slow load times and connects the findings directly to your codebase. See which components, scripts, or assets are causing bottlenecks, then optimize them immediately in your editor. The connection between Lighthouse metrics and source code eliminates the detective work of traditional performance debugging.
Connect ToolRouter to Copilot
1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Lighthouse Audit tool:
- Ask: "Run a Lighthouse performance audit on mysite.com/slow-page"
- Review the performance diagnostics inline
- Ask Copilot: "Fix the render-blocking resources identified in the audit"
- Apply the code changes and re-audit to verify improvement
Example Prompt
Try this with Copilot using the Lighthouse Audit tool
Audit mysite.com/products performance with Lighthouse and show me code changes to fix the slowest parts.
Tips
- Copilot can add dynamic imports, lazy loading, and image optimization directly
- Run against localhost to iterate quickly on performance fixes
- Use the audit results to create a performance optimization PR