high-perf-browser
解决Core Web Vitals与真实页面慢问题，工程价值高。
诊断并优化网页性能，覆盖网络协议、加载与渲染策略。
定位并解决网站慢的根本问题，从网络协议、TLS/TCP、资源加载顺序到浏览器渲染路径都有优化方法。用于诊断 Core Web Vitals、提高 TTFB、减少阻塞渲染或选用 HTTP/2、HTTP/3、Service Worker 与缓存策略时。重点在降低延迟（latency）而不是盲目拼带宽，给出实战调优项和工具建议。
▸ 展开 SKILL.md 英文原文
Optimize web performance through network protocols, resource loading, and browser rendering internals. Use when the user mentions "my site is slow", "Core Web Vitals", "HTTP/2 or HTTP/3", "resource hints", "network latency", "render blocking", "TCP/TLS optimization", "service worker", "Cache-Control or caching strategy", or "critical rendering path". Also trigger when diagnosing slow page loads, optimizing time to first byte, choosing between WebSocket and SSE, or reducing bundle sizes. For UI visual performance, see refactoring-ui. For font loading, see web-typography.
帮我安装这个 skill：https://raw.githubusercontent.com/wondelai/skills/main/high-perf-browser/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/wondelai/skills/main/high-perf-browser/SKILL.md"# High Performance Browser Networking Framework A systematic approach to web performance grounded in how browsers, protocols, and networks actually work. Apply these principles when building frontend applications, setting performance budgets, configuring servers, or diagnosing slow page loads. ## Core Principle **Latency, not bandwidth, is the bottleneck.** Most web performance problems stem from too many round trips, not too little throughput. A 5x bandwidth increase yields diminishing returns; a 5x latency reduction transforms the user experience. **The foundation:** Every request passes through DNS resolution, TCP handshake, TLS negotiation, and HTTP exchange before a single byte of c