High Performance Browser Networking
技能 已验证 活跃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", "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.
功能
- 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)
使用场景
- 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
非目标
- UI visual performance (use refactoring-ui)
- Font loading specifics beyond performance impact (use web-typography)
- Directly implementing optimizations (provides guidance, not code generation)
工作流
- 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
安装
请先添加 Marketplace
/plugin marketplace add wondelai/skills/plugin install skills@wondelai-skills质量评分
已验证类似扩展
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
100AI 代理的上下文运行时 — 包含 59 个 MCP 工具、10 种读取模式、95+ 种 shell 模式、支持 18 种语言的 tree-sitter AST。将 LLM 上下文压缩高达 99%。用于读取文件、运行 shell 命令、搜索代码或探索目录。如果不存在，则自动安装。