Identify and fix web performance issues with measurable before/after validation.
npx skills add https://github.com/trieloff/trrrrdt --skill optimize-trieloff
Please help me install this Agent Skill. Skill: optimize Source: https://github.com/trieloff/trrrrdt/tree/main/.claude/skills/optimize Command: npx skills add https://github.com/trieloff/trrrrdt --skill optimize-trieloff
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
Run a quick performance audit and begin implementing targeted optimizations on a web app.
High-intent search queries and answers about installing and using this skill.
To optimize Core Web Vitals, measure baseline metrics, then apply targeted fixes like image optimization, critical CSS inlining, and code-splitting to achieve LCP under 2.5s and reduce CLS and INP.
The best way to reduce bundle size and improve loading speed is implementing code-splitting, lazy loading assets, and optimizing delivery to streamline the critical rendering path.
Identify rendering bottlenecks by auditing runtime performance and network metrics, then fix them by optimizing animations, minimizing main-thread blocking, and streamlining the critical rendering path.
You can systematically validate web performance improvements by applying changes incrementally, measuring before and after benchmarks, and verifying performance gains across various devices and network conditions.
You need to implement code-splitting and lazy loading when initial bundle size negatively impacts loading speed, causing delayed interactivity and poor Core Web Vitals scores during user navigation.
A critical rendering path optimization strategy systematically addresses loading and rendering by prioritizing above-the-fold content, inlining critical CSS, and deferring non-essential JavaScript to create a smoother UX.
SPeeDoA1Audit web application performance with Lighthouse, WebPageTest, and Chrome DevTools.
JoniSirvioMeasure Core Web Vitals and implement targeted optimizations for web and mobile interfaces.
DaFumEnforce performance budgets for bundle size, load time, and FPS in CI builds.
TimHL5Monitor post-deploy web apps for console errors, performance metrics, and page failures.
