high-perf-browser

The high-perf-browser skill is designed to optimize web performance by addressing the underlying causes of slow page loads and inefficient browser behavior. It focuses on reducing latency across network protocols, resource loading, and browser rendering processes. By analyzing the critical rendering path, TCP/TLS handshakes, and network round trips, the skill enables developers to identify and mitigate bottlenecks that impede page speed and responsiveness. It targets web performance metrics such as Core Web Vitals, time to first byte, and overall network efficiency, ensuring a faster and more reliable user experience.

Key features of this skill include TCP and TLS optimization, connection reuse, prefetching DNS and critical resources, as well as guidance on choosing between WebSocket and Server-Sent Events for real-time communication. It also encompasses caching strategies and protocol selection to minimize unnecessary network round trips. Developers can leverage this framework to optimize initial payload sizes, eliminate render-blocking resources, and improve the efficiency of critical content delivery. Although it primarily addresses network and protocol optimizations, it also references complementary approaches for UI visual performance and font loading.

This skill is particularly useful for frontend engineers, performance engineers, and web developers who aim to build fast, resilient web applications. It applies when diagnosing slow page loads, reviewing performance budgets, or configuring servers to support high-performance client interactions. Target use cases include optimizing resource loading for content-heavy sites, improving time to interactive for web applications, and enhancing real-time data delivery. Users seeking to maximize Core Web Vitals scores, reduce network latency, or improve user-perceived performance will find this skill highly valuable.