Playwright Network Analyzer

What it does

The playwright-network-analyzer skill provides detailed network request analysis for web applications. It captures and visualizes network traffic, allowing you to identify performance bottlenecks and debug issues related to API calls, resource loading, and overall application responsiveness. This is particularly useful when testing complex web interactions or diagnosing slow page load times.

When to use it

• Performance Troubleshooting: Identify slow-loading resources or inefficient API requests impacting website speed.
• Debugging Network Errors: Analyze failed network requests to understand the root cause of errors (e.g., incorrect URLs, CORS issues).
• Security Auditing: Inspect network traffic for potential security vulnerabilities like exposed credentials or unauthorized data transfers.
• Testing Web Applications: Verify that web applications are making the correct API calls and receiving expected responses.

Key capabilities

• Network request capture
• Visualized network activity timeline
• Detailed request/response information (headers, body)
• Performance metrics for each request (duration, size)

Example prompts

• "Analyze the network requests made when navigating to /checkout."
• "Show me a detailed breakdown of all API calls during page load."
• "Identify any requests that took longer than 500ms."

Tips & gotchas

This skill requires Playwright to be installed and configured. Ensure your test environment is properly set up before using the network analyzer for accurate results.