performance-optimization

To analyze Core Web Vitals and improve loading times, this Skill uses the web-vitals library to measure interaction responsiveness and layout shifts, identifying specific bottlenecks in your web application.

The best way to identify performance bottlenecks is running Lighthouse and Puppeteer to audit loading times and render-blocking resources, which reveals slow server responses and large assets.

Yes, you need Lighthouse, Puppeteer, and the web-vitals library installed, as the performance analysis relies on these tools to automate audits and capture real-time interaction metrics.

To fix render-blocking JavaScript and slow server responses, this Skill provides code-level recommendations such as reducing bundle size, optimizing images, and improving database queries.

Yes, you can use this performance optimization approach for a slow-loading e-commerce site to identify and resolve issues like large images, render-blocking JavaScript, and slow server responses.

Your web application has long interaction times and layout shifts due to unoptimized assets and render-blocking scripts, which this Skill diagnoses by analyzing Core Web Vitals metrics.