optimize

Identify web performance bottlenecks and implement fixes for Core Web Vitals.

Updated Aug 23, 2026

Search Tags:#performance #react #optimization #lighthouse #web #bundle-size #core-web-vitals

Ready to run

npx skills add https://github.com/VNFT-GROUP/vnft-hrm-portal --skill optimize-vnft-group

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/VNFT-GROUP/vnft-hrm-portal/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/VNFT-GROUP/vnft-hrm-portal --skill optimize-vnft-group

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and fix performance issues to create faster, smoother user experiences.

Core Features & Use Cases

Assess Performance Issues: measure Core Web Vitals (LCP, FID/INP, CLS), load time, bundle size, and runtime performance.
Optimization Strategy: implement code splitting, lazy loading, CSS/asset optimization, and rendering improvements to reduce blocking times and improve perceived performance.
Use Case: apply to web apps and dashboards to reduce TTI and improve user interactivity in real-world scenarios.

Quick Start

Run a full performance audit on your app and implement the top two bottlenecks.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I improve Core Web Vitals like LCP and CLS for my web app?▼

Improve Core Web Vitals by measuring LCP, FID/INP, and CLS with Lighthouse, then implementing code splitting, lazy loading, and image optimization to reduce blocking times. This reduces load times and improves interactivity.

What's the best way to reduce bundle size in a React SPA?▼

Reduce React SPA bundle size by applying code splitting, lazy loading, and asset optimization techniques. This reduces initial load times and improves the Time to Interactive metric across modern web apps and dashboards.

How do I run a performance audit to find bottlenecks in my dashboard?▼

Run a full performance audit using Lighthouse and Web Vitals to measure load times and runtime performance. This identifies the top bottlenecks in your dashboard so you can implement targeted rendering improvements.

Does this optimization approach work for SPAs and dashboards on mobile connections?▼

Yes, this optimization approach works for SPAs and dashboards across devices and connections. It focuses on reducing TTI and improving user interactivity in real-world scenarios by implementing performance budgets and monitoring.

Why does my web app have a slow Time to Interactive despite a fast initial load?▼

A slow Time to Interactive despite fast initial load is caused by large JavaScript bundle sizes and blocking scripts. Fix this by implementing code splitting, lazy loading, and rendering improvements to enhance perceived performance.