nucliweb/webperf-snippets

Health v2 · maintenance only

Adoption not part of the score

1444 stars · 85 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A curated collection of JavaScript snippets for measuring and debugging web performance (Core Web Vitals, loading, and interaction metrics) directly in the browser DevTools console, plus an npm CLI that runs the same snippets headlessly via Playwright. It diagnoses performance issues beyond what Lighthouse exposes, such as LCP sub-parts, render-blocking resources, and long animation frame attribution.

Use cases

• measure core web vitals like LCP, CLS, and INP in the browser console
• diagnose LCP regressions in CI without copy-pasting into DevTools
• find render-blocking resources on a page
• audit images and videos for performance issues
• debug slow interactions and long animation frames
• gate pull requests on real performance budgets
• analyze third-party script impact on page load

When to choose

• you need detailed diagnosis of why a metric like LCP is slow, not just a score
• you want to run performance checks headlessly in CI with Playwright
• you prefer lightweight DevTools console snippets over heavyweight audit tools
• you need to audit media, fonts, scripts, and resource hints on a specific page

When to avoid

• you only need an overall performance score rather than detailed diagnostics
• you need continuous real-user monitoring (RUM) in production
• you need a full automated audit report like Lighthouse generates

Facets

cli-tool · maturity active

developer-tools monitoring benchmarking cli web-development performance developer-tools frontend browser cli cross-platform web-performance core-web-vitals devtools-snippets lighthouse-alternative playwright lcp cls inp performance-audit ci-performance-budgets nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="nucliweb/webperf-snippets")