high-perf-browser

Analyze network protocols and rendering paths to optimize Core Web Vitals.

Updated Jul 31, 2026
One-click install
npx skills add https://github.com/fsolla/teqo --skill high-perf-browser-fsolla
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: high-perf-browser
Source: https://github.com/fsolla/teqo/tree/main/.agents/skills/high-perf-browser
Command: npx skills add https://github.com/fsolla/teqo --skill high-perf-browser-fsolla

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses slow website performance by identifying and resolving bottlenecks in the critical rendering path, network protocols, and browser resource loading.

Core Features & Use Cases

  • Network Protocol Tuning: Optimize performance by leveraging HTTP/2, HTTP/3, and TLS 1.3 to reduce latency.
  • Resource Loading Strategy: Implement advanced loading patterns like preconnect, preload, and async/defer to eliminate render-blocking resources.
  • Core Web Vitals Optimization: Diagnose and fix LCP, INP, and CLS issues to improve user experience and search rankings.
  • Use Case: If a user reports that their site has a poor LCP score or high TTFB, this skill provides the diagnostic framework to pinpoint whether the issue lies in server response time, render-blocking CSS, or unoptimized image delivery.

Quick Start

Use the high-perf-browser skill to audit my website for render-blocking resources and provide a prioritized list of optimizations.

Frequently Asked Questions about high-perf-browser

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

FAQPage Schema
How do I fix a poor LCP score and high TTFB on my website?

To fix a poor LCP score and high TTFB, systematically evaluate server response times, render-blocking CSS, and unoptimized image delivery. Diagnostic frameworks pinpoint whether latency originates from server processing or resource loading inefficiencies to improve Core Web Vitals.

What's the best way to eliminate render-blocking resources during browser loading?

The best way to eliminate render-blocking resources is implementing advanced loading patterns like preconnect, preload, and async/defer. Optimizing the critical rendering path ensures resources load efficiently without delaying initial page rendering.

How does HTTP/2 multiplexing and TLS 1.3 reduce network latency?

HTTP/2 multiplexing and TLS 1.3 reduce network latency by optimizing TCP/TLS handshakes and allowing concurrent requests over a single connection. Network protocol tuning leverages these mechanisms to significantly lower connection overhead.

Can I use this approach to diagnose INP and CLS issues for Core Web Vitals?

Yes, you can diagnose INP and CLS issues for Core Web Vitals by analyzing browser rendering internals and critical path efficiency. This diagnostic framework identifies visual instability and interaction delays to improve user experience and search rankings.

Why does my site still load slowly after optimizing images and server configuration?

If your site still loads slowly after basic optimization, evaluate critical rendering path efficiency and network protocol implementation. Systematic auditing of TCP/TLS handshakes, HTTP/2+ multiplexing, and resource loading strategies reveals remaining bottlenecks.

Do I need to configure server protocols to improve Core Web Vitals?

Yes, configuring server protocols is essential to improve Core Web Vitals. Leveraging HTTP/2, HTTP/3, and TLS 1.3 reduces network latency, directly impacting TTFB and LCP scores for better overall page performance.