Identify web performance bottlenecks and implement fixes for Core Web Vitals.
npx skills add https://github.com/VNFT-GROUP/vnft-hrm-portal --skill optimize-vnft-group
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
Identify and fix performance issues to create faster, smoother user experiences.
Run a full performance audit on your app and implement the top two bottlenecks.
High-intent search queries and answers about installing and using this skill.
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.
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.
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.
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.
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.
SPeeDoA1Audit web application performance with Lighthouse, WebPageTest, and Chrome DevTools.
hopeovertureEnforce performance budgets on bundle sizes, Lighthouse scores, and Web Vitals in CI/CD pipelines.
TrainLCDProfile and optimize React Native app rendering, lists, and animations.
Trio-Blockchain-LabsApply React and Next.js performance best practices across component design, data fetching, and code reviews.
