high-perf-browser
Audited by Runlayer on Feb 23, 2026
Malicious tool definition detected
Tool: SKILL.md [1/3] Description: --- name: high-perf-browser description: 'Optimize web performance through network protocols, resource loading, and browser rendering internals. Use when the user mentions "page load speed", "Core Web Vitals", "HTTP/2", "resource hints", "network latency", or "render blocking".
Tool: SKILL.md [2/3] Description: likely next navigations at low priority - Inline critical CSS (above-the-fold styles) and defer the rest to eliminate the render-blocking CSS request - Fonts: use `font-display: swap` to avoid invisible text during font loading **Code applications:** | Context | Pattern | Example | |---------|---------|---------| | **Critical CSS** | Inline above-the-fold styles in `<head>` | `<style>/* critical styles */</style>` + async load full CSS | | **Script loading** | U
Tool: SKILL.md [3/3] Description: Use a pub/sub broker behind WebSocket servers | Redis Pub/Sub or NATS for horizontal scaling | See: [references/real-time-communication.md](references/real-time-communication.md) for WebSocket lifecycle, SSE patterns, and scaling strategies.
Malicious tool definition detected
Tool: references/caching-strategies.md [1/2] Description: # Caching Strategies The fastest network request is one that never happens. A well-designed caching strategy eliminates redundant data transfer, reduces server load, and dramatically improves load times for repeat visitors and subsequent navigations.
Tool: references/caching-strategies.md [2/2] Description: shared caches (CDNs) vs.
Malicious tool definition detected
Tool: references/core-web-vitals.md [1/3] Description: # Core Web Vitals Optimization Core Web Vitals are Google's standardized performance metrics that measure real user experience.
Tool: references/core-web-vitals.md [2/3] Description: Event handlers provide immediate visual feedback - [ ] Non-urgent work deferred with `requestIdleCallback` or `scheduler.yield()` - [ ] No layout thrashing (batched reads and writes) - [ ] JavaScript code-split and lazy-loaded - [ ] Third-party scripts loaded async or deferred ## CLS: Cumulative Layout Shift CLS measures how much visible content shifts unexpectedly during the page lifecycle.
Tool: references/core-web-vitals.md [3/3]
Malicious tool definition detected
Tool: references/http-protocols.md [1/2] Description: # HTTP Protocol Evolution HTTP has evolved through three major generations, each solving critical performance limitations of its predecessor. Understanding the differences is essential for choosing the right optimization strategies.
Tool: references/http-protocols.md [2/2] Description: stream has its own loss recovery.
Malicious tool definition detected
Malicious tool definition detected
Tool: references/real-time-communication.md [3/3] Description: WebSocket and long polling (the same client must reach the same server) - **Connection draining:** When scaling down, drain connections gracefully before terminating a server instance - **Health checks:** Exclude servers with too many connections or high latency from the load balancer pool The choice of real-time transport should be driven by requirements, not technology preferences.
Malicious tool definition detected
Tool: references/resource-loading.md [1/2] Description: # Resource Loading and Critical Rendering Path The browser converts raw bytes into rendered pixels through a precise pipeline.
Tool: references/resource-loading.md [2/2] Description: flow, frequently visited page) - Does not work if the user has Data Saver enabled ### `prerender` / Speculation Rules Modern browsers support the Speculation Rules API for prerendering entire pages: ```html <script type="speculationrules"> { "prerender": [ { "urls": ["/likely-next-page"] } ] } </script> ``` - Renders the entire page in a hidden tab - Near-instant navigation when the user clicks - Expensive in terms of memory and bandwidth -