High Performance Browser Networking

Skill Verified Active

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.

Purpose

Optimize web performance by understanding and applying principles of network protocols, resource loading, browser rendering, and caching.

Features

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)

Use Cases

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

Non-Goals

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

First, add the marketplace

/plugin marketplace add wondelai/skills

/plugin install skills@wondelai-skills

Quality Score

Verified

100 /100

Analyzed about 21 hours ago

Trust Signals

Last commit17 days ago

GitHub owner wondelai

Stars953

LicenseMIT

Websiteskills.wondel.ai

Status

View Source

Similar Extensions

Flutter Use Http Package

Use 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.

Skill

flutter

C Network

DNS lookups with doggo and readable HTTP requests with httpie — modern networking tools for the terminal.

Skill

daxaur

Typescript Advanced Types

100

Master 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.

Skill

wshobson

Validate Plugin

100

Validate a Claude Code plugin structure, frontmatter, and MCP tool references

Skill

ruvnet

Migrate Validate

100

Validate pending migrations for foreign key consistency, rollback safety, and best practices

Skill

ruvnet

Lean Ctx

100

Context Runtime for AI Agents — 59 MCP tools, 10 read modes, 95+ shell patterns, tree-sitter AST for 18 languages. Compresses LLM context by up to 99%. Use when reading files, running shell commands, searching code, or exploring directories. Auto-installs if not present.

Skill

yvgude