Diagnose and fix UI performance issues in web applications using Lighthouse and bundle analyzers.
npx skills add https://github.com/djkloop/n --skill optimize-djkloop
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/djkloop/n/tree/main/.trae/skills/optimize Command: npx skills add https://github.com/djkloop/n --skill optimize-djkloop
Diagnoses and fixes front-end performance problems that cause slow loading, janky rendering, long input delays, and excessive bundle size to create faster, smoother user experiences.
Run an audit with Lighthouse and prioritize fixes for LCP, JS bundle reduction, and image optimization, then measure improvements on a throttled mobile profile.
High-intent search queries and answers about installing and using this skill.
Diagnose Core Web Vitals issues by measuring LCP, FID/INP, and CLS using Lighthouse. Fix slow LCP by optimizing images and reducing bundle size, and prevent CLS by reserving space for dynamically loaded page elements.
Reduce web app bundle size by applying code splitting and tree shaking to eliminate unused JavaScript. Optimize network payloads further by converting images to modern formats and implementing responsive loading techniques.
Eliminate layout thrashing and smooth rendering by using GPU-accelerated transforms and requestAnimationFrame. Employ content-visibility and virtualization for long lists to reduce paint and composite costs.
Optimize images for faster loading by converting to modern formats and applying responsive loading strategies. Measure before-and-after impacts using WebPageTest on a throttled mobile profile to validate improvements.
You need bundle analyzers and DevTools profiling to identify specific bottlenecks in your JavaScript bundles and runtime execution. These tools provide measurable before-and-after metrics required to ensure optimizations effectively prevent regressions.
You can use React memoization to prevent unnecessary component re-renders and web workers to offload heavy CPU tasks. Combine these with lazy loading and runtime profiling to achieve smoother single-page app animations and interactions.
guia-matthieuAutomate Google Lighthouse audits for Core Web Vitals, SEO, and accessibility metrics.
Kushal9889Monitor canary deployments for errors, performance regressions, and page failures.
irizqiOptimize React application builds with Vite configuration for bundle size reduction.
ps-carvalhoProfile CPU and memory usage to identify and fix performance bottlenecks.
