high-perf-browser

Teach browser-network optimization techniques for TCP/TLS, HTTP/2/3, caching, and resource loading.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/sachio222/based-stack --skill high-perf-browser-sachio222
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: high-perf-browser
Source: https://github.com/sachio222/based-stack/tree/main/high-perf-browser
Command: npx skills add https://github.com/sachio222/based-stack --skill high-perf-browser-sachio222

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Latency-centric web performance challenges are addressed by a structured framework for optimizing browser/network interactions, including protocol choices, caching, and resource loading.

Core Features & Use Cases

  • Domain-aware optimization across 6 domains: network fundamentals, HTTP protocol evolution, resource loading, caching strategies, core web vitals optimization, and real-time communication.
  • Real-world playbooks for reducing TTFB, LCP, CLS, and INP; guidance on TLS, HTTP/2/HTTP/3, and CDN strategies.
  • Use case examples such as improving Core Web Vitals on a production site and planning deployments for HTTP/3 with QUIC.
  • Quick references to best practices and measurable outcomes.

Quick Start

Start by mapping the current performance bottlenecks using the six domains and implement a prioritized optimization plan.

Frequently Asked Questions about high-perf-browser

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I reduce TTFB and improve Core Web Vitals for a production website?

To reduce TTFB and improve Core Web Vitals, apply structured optimization techniques across network fundamentals, HTTP protocols, and caching strategies. This framework provides playbooks for lowering LCP, CLS, and INP by addressing latency in browser networking interactions.

What is the best way to optimize browser networking for slow page loads?

Optimizing browser networking for slow page loads involves mapping bottlenecks across six domains: network fundamentals, HTTP protocol evolution, resource loading, caching, Core Web Vitals, and real-time communication. This approach targets latency through protocol choices and resource delivery.

When should I upgrade to HTTP/3 with QUIC for web performance optimization?

Upgrading to HTTP/3 with QUIC benefits web performance optimization when addressing high-latency network conditions or packet loss. This framework guides planning HTTP/3 deployments by evaluating protocol evolution against your specific resource loading and real-time transport requirements.

How does TCP and TLS handshake configuration affect frontend performance?

TCP and TLS handshake configuration directly impacts frontend performance by adding network round trips before data transmission. This framework teaches optimization techniques for configuring TLS and HTTP protocols to minimize handshake latency and accelerate resource loading.

Can I use this to diagnose real-time transport and caching issues?

Yes, you can diagnose real-time transport and caching issues using the six-domain optimization framework. It provides specific guidance on caching strategies and real-time communication choices to resolve latency-centric performance challenges.

What are the limitations of relying solely on HTTP/2 for web performance?

Relying solely on HTTP/2 for web performance may limit gains when facing high packet loss or connection migration issues, where HTTP/3 with QUIC excels. This framework helps differentiate protocol choices to prioritize optimizations based on specific network constraints.