High Performance Browser Networking
Skill Verifiziert AktivOptimize 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", "render blocking", "TCP optimization", "service worker", 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. Covers TCP/TLS optimization, caching strategies, WebSocket/SSE, and protocol selection. For UI visual performance, see refactoring-ui. For font loading, see web-typography.
Optimize web performance by understanding and applying principles of network protocols, resource loading, browser rendering, and caching.
Funktionen
- Detailed analysis of network fundamentals (DNS, TCP, TLS)
- Explanation of HTTP/1.1, HTTP/2, and HTTP/3 performance characteristics
- Strategies for optimizing the critical rendering path
- Guidance on effective caching strategies (browser, CDN, service worker)
- Optimization techniques for Core Web Vitals (LCP, INP, CLS)
- Guidance on choosing real-time communication protocols (WebSocket, SSE, WebRTC)
Anwendungsfälle
- Diagnosing and improving slow page load times
- Optimizing time to first byte (TTFB)
- Selecting the appropriate protocol for real-time features
- Implementing effective caching strategies for static and dynamic content
- Improving Core Web Vitals scores for SEO and user experience
- Understanding the impact of network latency on web applications
Nicht-Ziele
- UI visual performance (use refactoring-ui)
- Font loading specifics beyond performance impact (use web-typography)
- Directly implementing optimizations (provides guidance, not code generation)
Workflow
- Understand network fundamentals and latency impact
- Analyze HTTP protocol performance (HTTP/1.1, /2, /3)
- Identify and optimize render-blocking resources
- Implement effective caching strategies
- Measure and improve Core Web Vitals (LCP, INP, CLS)
- Choose appropriate real-time communication protocols
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add wondelai/skills/plugin install skills@wondelai-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Flutter Use Http Package
94Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.
C Network
75DNS lookups with doggo and readable HTTP requests with httpie — modern networking tools for the terminal.
Typescript Advanced Types
100Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.
Validate Plugin
100Validate a Claude Code plugin structure, frontmatter, and MCP tool references
Migrate Validate
100Validate pending migrations for foreign key consistency, rollback safety, and best practices
Lean Ctx
100Context Runtime für KI-Agenten — 59 MCP-Tools, 10 Lesemodi, über 95 Shell-Muster, Tree-sitter AST für 18 Sprachen. Komprimiert LLM-Kontext um bis zu 99%. Verwenden Sie es beim Lesen von Dateien, Ausführen von Shell-Befehlen, Suchen von Code oder Erkunden von Verzeichnissen. Automatische Installation, falls nicht vorhanden.