performance

Optimize web pages to meet Core Web Vitals budgets.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/AlexDevFlow/Claude10XD --skill performance-alexdevflow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/AlexDevFlow/Claude10XD/tree/main/skills/performance
Command: npx skills add https://github.com/AlexDevFlow/Claude10XD --skill performance-alexdevflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web applications often suffer from slow loads due to render-blocking resources, bulky assets, and caching gaps. This Skill provides a structured approach to diagnose and fix these bottlenecks to improve user experience and search ranking.

Core Features & Use Cases

  • Budget-driven optimization that keeps total page weight under practical limits.
  • Resource-level improvements including image optimization, preloading, code-splitting, and deferral strategies.
  • Use cases: reducing LCP/TTI/CLS, improving Lighthouse scores, and meeting performance budgets across frameworks and stacks.

Quick Start

Run profiling to identify bottlenecks, then apply the recommended optimizations to reduce load times.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I improve Core Web Vitals for a slow web application?

Improve Core Web Vitals by systematically optimizing loading speed and runtime efficiency through preloading, code-splitting, image optimization, and lazy loading to enforce performance budgets.

What is the best way to reduce LCP and TTI on a single page application?

The best way to reduce LCP and TTI is to resolve render-blocking resources and bulky assets by applying deferral strategies and code-splitting to keep total page weight under practical limits.

How do I profile and fix render-blocking resources to increase loading speed?

Profile your web project to identify bottlenecks, then apply resource-level improvements like preloading and deferral strategies to fix render-blocking resources and increase loading speed.

Does this performance tuning approach work for static sites and SSR apps?

Yes, this performance tuning approach works for static sites, SPAs, and SSR apps across frameworks, applying best practices to meet Core Web Vitals targets where load time and interactivity matter.

How do I enforce a performance budget to prevent bulky assets on my dashboard?

Enforce a performance budget by applying budget-driven optimization to keep total page weight under practical limits, resolving caching gaps and bulky assets to prevent slow loads on your dashboard.