# nucliweb/webperf-snippets

⚡️ 💾  Web Performance Snippets

Repository: https://github.com/nucliweb/webperf-snippets
Canonical: https://ross.abutalabs.com/products/webperf-snippets
Homepage: https://webperf-snippets.nucliweb.net
Language: JavaScript
License: MIT
License Family: permissive
Topics: performance, performance-analysis, performance-metrics, snippets, webperf, webperformance, webvitals
Last push: 2026-08-02T09:17:26+00:00

## Health v2 (maintenance only)
Score: 89/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 95, release rhythm 75, longevity 100
- inputs: {"age_days": 1569, "days_push": 31, "days_rel": 169, "gap_med": 13, "n_releases_24m": 2}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1444, forks 85 (observed 2026-08-28T04:04:45.039226+00:00)

## What it is
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
- artifact type: cli-tool
- maturity: active
- function: developer-tools, monitoring, benchmarking, cli
- domain: web-development, performance, developer-tools, frontend
- platform: browser, cli, cross-platform
- tags: web-performance, core-web-vitals, devtools-snippets, lighthouse-alternative, playwright, lcp, cls, inp, performance-audit, ci-performance-budgets, nodejs

## Member repositories
- nucliweb/webperf-snippets (main) score 89

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:45.039226+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:36:18.199233+00:00, confidence not recorded.
  - readme: https://github.com/nucliweb/webperf-snippets (fetched 2026-08-28T04:04:45.039226+00:00, sha 553e5d67cd99)
  - homepage: https://webperf-snippets.nucliweb.net (fetched 2026-08-29T11:46:37.047345+00:00, sha c363fb6cabd1)
  - registry_npm: https://registry.npmjs.org/webperf-snippets (fetched 2026-08-29T11:46:37.058371+00:00, sha 4c42436f7fae)
  - site_page: https://webperf-snippets.nucliweb.net/CLI (fetched 2026-08-29T11:46:37.056409+00:00, sha f24f79193f13)
- Data as of 2026-08-30T08:39:29.467469+00:00.