Identify and fix frontend performance issues across loading, rendering, and animation bottlenecks.
npx skills add https://github.com/pbakaus/impeccable --skill optimize-pbakaus
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/pbakaus/impeccable/tree/main/source/skills/optimize Command: npx skills add https://github.com/pbakaus/impeccable --skill optimize-pbakaus
Frontend performance issues degrade user experience by causing slow loads, janky interactions, and high perceived latency.
Run a performance audit on the current page and implement targeted optimizations to reduce load times.
High-intent search queries and answers about installing and using this skill.
Fix frontend performance issues by optimizing images, critical CSS, and fonts for faster loads, and using GPU-accelerated transforms to reduce layout thrash during animations. This targets loading and rendering bottlenecks to improve Core Web Vitals.
Improve Core Web Vitals scores like LCP and CLS by applying code-splitting, lazy loading, and resource budgeting to minimize bundle size and network requests. This reduces layout shifts and speeds up time to interactive.
Reduce layout thrash and minimize reflows during web animations by using GPU-accelerated transforms instead of properties that trigger layout recalculations. This ensures smoother motion and prevents rendering bottlenecks.
Yes, use code-splitting and caching to reduce bundle size for large dashboards with data visualizations. Implementing lazy loading for non-critical resources brings TTI and CLS within target performance ranges.
Time to first meaningful paint takes long when critical resources block rendering. Optimize images, fonts, and critical CSS delivery to improve loading performance and reduce perceived latency for users.
Yes, implement resource budgeting alongside code-splitting and caching to meet frontend performance goals. Evaluating and applying these optimizations across images and network requests delivers measurable improvements to Core Web Vitals.
SergeiGolosAudit web performance with Lighthouse and analyze bundle sizes.
mathemagieAudit web pages with Lighthouse and fix performance bottlenecks.
irizqiOptimize React application builds with Vite configuration for bundle size reduction.
dalehurleyResize, compress, convert, crop, and inspect images using Pillow.
