webperf

Provides 7 JavaScript snippets for measuring Core Web Vitals (LCP, CLS, INP) with detailed breakdowns, usable both in browser DevTools and as agent skills for automated performance analysis with AI coding assistants.

A loading performance analysis skill that provides JavaScript snippets for measuring TTFB, FCP, render-blocking resources, script performance, font optimization, and resource hints in Chrome DevTools. It includes automated decision trees and multi-phase audit workflows for comprehensive loading performance investigation.

A web performance analysis skill for debugging interaction responsiveness and animation performance, featuring automated workflows for INP deep dives, scroll jank investigation, main thread blocking analysis, and decision trees that chain Chrome DevTools snippets based on detected issues.

A web performance skill providing JavaScript snippets for media optimization in Chrome DevTools, covering image audits, video performance, and SVG embedded bitmap detection. It includes automated decision trees that detect LCP images, identify layout shift risks, flag lazy loading issues, and provide format recommendations with performance budget thresholds.

A curated collection of JavaScript snippets for measuring and debugging web performance directly in the browser DevTools console, covering Core Web Vitals (LCP, CLS, INP), loading metrics, interaction analysis, and media audits.