Identify and fix frontend performance bottlenecks using Lighthouse and Chrome DevTools.
npx skills add https://github.com/rbaumier/skills --skill web-performance-rbaumier
Please help me install this Agent Skill. Skill: web-performance Source: https://github.com/rbaumier/skills/tree/main/web-performance Command: npx skills add https://github.com/rbaumier/skills --skill web-performance-rbaumier
Core Web Vitals, bundle and image optimization, caching, and profiling for faster, more reliable web experiences.
Run a Lighthouse performance audit on your URL and implement the optimization loop.
High-intent search queries and answers about installing and using this skill.
Core Web Vitals optimization involves measuring and diagnosing bottlenecks using Lighthouse and RUM data, then applying code-splitting, lazy loading, and asset caching. This workflow reduces LCP and improves overall page speed for frontend web applications.
The best way to optimize a slow page load is by targeting the hero image, CSS/JS delivery, and API calls. Using asset optimization techniques like selective polyfills and caching ensures your LCP falls under your target performance budget.
Profiling with Lighthouse and Chrome DevTools helps diagnose web performance issues by providing lab test data and runtime metrics. These tools reveal specific bottlenecks in initial load, interactions, and API calls to guide your optimization workflow.
Yes, you need RUM data and performance budgets to establish effective web performance observability. Integrating APM and RUM tools allows you to track SLIs and SLOs continuously, ensuring your web applications maintain their Core Web Vitals targets over time.
Yes, you can use code-splitting and lazy loading to optimize initial load for frontend web applications. These asset optimization techniques defer non-critical JavaScript and selectively load polyfills, significantly reducing bundle size and improving interaction times.
doanchienthangdevRun Lighthouse audits and analyze Core Web Vitals for browser performance.
seb1nDesign and configure cloud monitoring with metrics, logs, and traces.
DaFumEnforce performance budgets for bundle size, load time, and FPS in CI builds.
runkidsOptimize LCP, INP, and CLS with prioritized remediation plans.
