Architecture & Systems

High Perf Browser

Browser networking performance optimization

Optimize browser networking performance using Ilya Grigorik's comprehensive guide. This skill equips your AI agent with TCP, TLS, HTTP/2, and HTTP/3 optimization techniques, plus strategies for WebSocket, WebRTC, and mobile network performance.

High Performance Browser Networking by Ilya Grigorik

High Performance Browser Networking

by Ilya Grigorik

View on Amazon →
Install this skill
npx skills add wondelai/skills/high-perf-browser
Key Concepts

What your agent learns

TCP & TLS Optimization

Tune TCP settings, minimize TLS handshake overhead, and leverage connection reuse for faster page loads.

HTTP/2 & HTTP/3

Use multiplexing, header compression, server push, and QUIC to eliminate head-of-line blocking and reduce latency.

Resource Loading

Optimize the critical rendering path — preload, prefetch, and prioritize resources that block first paint.

Mobile Network Performance

Design for high-latency, variable-bandwidth mobile networks — radio state management and battery impact.

WebSocket & SSE

Choose the right real-time transport — WebSocket for bidirectional, Server-Sent Events for server-to-client streaming.

About the Author

Ilya Grigorik

Google web performance engineer, W3C Web Performance co-chair

Ilya Grigorik is a web performance engineer at Google and co-chair of the W3C Web Performance Working Group. He is one of the foremost authorities on browser networking and web performance optimization.

View Book →
Example Prompts

Try these with the skill installed

Optimize the critical rendering path and resource loading for our landing page using high-perf-browser skill

Web performance

Evaluate whether we should use HTTP/2 server push or preload hints using high-perf-browser skill

Network optimization

Design a real-time data strategy: WebSocket vs SSE vs polling using high-perf-browser skill

Architecture

Audit our mobile web performance and suggest network-level optimizations using high-perf-browser skill

Mobile performance
Related Skills

More in Architecture & Systems

Clean Architecture
Building maintainable, testable software architectures
Clean Architecture — Robert C. Martin
Domain-Driven Design
Modeling complex business domains in software
Domain-Driven Design — Eric Evans
Data-Intensive Apps
Designing reliable, scalable data systems
Designing Data-Intensive Applications — Martin Kleppmann
System Design
Scalable system design patterns and trade-offs
System Design Interview — Alex Xu
Release It!
Production-ready software patterns for stability and resilience
Release It! — Michael T. Nygard

Install High Perf Browser

Free, open-source, and ready in 30 seconds.

npx skills add wondelai/skills/high-perf-browser
Browse on GitHub See All Skills

MIT Licensed · Works with Claude Code, Cursor, Claude Cowork & OpenClaw · No account needed

Prove it

Don’t guess your AI engineering level.
Measure it.

25 questions · ~8 min · Free

For hands-on developers

AI Developer Scorecard

How production-grade is your AI engineering?

Twenty-five questions across the practices that separate vibe-coding from production-grade engineering. Instant score, per-section breakdown, and a 30/60/90-day playbook.

Score 0–75 · 30/60/90-day playbook Score yourself For CTOs & founders

CTO Scorecard

Is your engineering team ready for AI at scale?

Twenty-five questions on how your org adopts AI — adoption, governance, automation, and ROI. See where you sit on the path from Reactive to Strategic Leader.

Score 0–75 · Reactive → Strategic Leader Score your org