web_performance_optimization

Measure Core Web Vitals and optimize website load performance.

41|10|Updated Jan 24, 2026
One-click install
npx skills add https://github.com/krishnakanthb13/antigravity_global_skills --skill web-performance-optimization-krishnakanthb13
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web_performance_optimization
Source: https://github.com/krishnakanthb13/antigravity_global_skills/tree/main/web_performance_optimization
Command: npx skills add https://github.com/krishnakanthb13/antigravity_global_skills --skill web-performance-optimization-krishnakanthb13

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers struggle to understand why websites feel slow and how to systematically improve performance, Core Web Vitals, and user experience across pages and apps.

Core Features & Use Cases

  • Performance measurement: run Lighthouse audits, track LCP, FID, CLS, and monitor bundle sizes.
  • Bottleneck identification: pinpoint render-blocking resources, large JavaScript bundles, and slow server responses.
  • Optimization workflow: implement caching strategies, code-splitting, lazy loading, and asset optimization; verify improvements across sessions and real users.

Quick Start

Run a Lighthouse audit on your site and implement recommended optimizations to improve Core Web Vitals and loading performance.

Frequently Asked Questions about web_performance_optimization

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

FAQPage Schema
How do I improve Core Web Vitals for a slow single-page app?

Improve Core Web Vitals by measuring load times with Lighthouse, identifying render-blocking resources or large JavaScript bundles, and applying code-splitting, lazy loading, and caching strategies to optimize LCP, FID, and CLS metrics.

What is the best way to identify web performance bottlenecks in a dynamic web app?

Identify web performance bottlenecks by running Lighthouse audits to measure Core Web Vitals and runtime performance, pinpointing render-blocking resources, large JavaScript bundles, and slow server responses that degrade user experience.

How do I optimize large JavaScript bundles that are blocking my website's render performance?

Optimize large JavaScript bundles by implementing code-splitting, lazy loading, and asset optimization to reduce render-blocking resources, then verify improvements across sessions by re-running Lighthouse audits to validate Core Web Vitals.

Does this performance optimization workflow work for static sites as well as single-page apps?

Yes, the performance optimization workflow supports static sites, single-page apps, and dynamic web apps by measuring load times, identifying bottlenecks, implementing caching and code-splitting, and validating improvements across sessions and real users.

Why does my website feel slow even after optimizing server response times?

Your website feels slow because render-blocking resources, large JavaScript bundles, and layout shifts affect Core Web Vitals despite fast server responses, requiring Lighthouse audits to identify client-side bottlenecks and apply lazy loading and caching.