Skip to content

adobecom/perf-tools

v0.3.0Apache-2.0

Page-load performance skills: perf-preload generates static LCP preload links from traces; perf-ab runs before/after comparisons of production URLs (Milo / MAS PRs, head.html snippets, guarded patches) with real Lighthouse 13.6.0 mobile with DevTools throttling (Slow 4G, 4x CPU), on a verified-US GitHub Actions runner by default or locally with --local, and analyzes DevTools traces

perf-preload

Generate static preload <link> tags for a page's LCP with the perf-preload CLI (adobecom/perf-tools). Records a production page several times through perf-ab (always real Lighthouse 13.6.0, mobile profile with real DevTools throttling; by default on a verified-US GitHub Actions runner, or locally with --local; every load cold with a fresh Chrome and empty profile, no warm-ups), finds the LCP element in each trace and the scripts, stylesheets, fonts, GET JSON/HTML data fetches and LCP image that finished loading before it, and writes a head.html snippet of <link rel="modulepreload|preload"> tags. Then validates the snippet with perf-ab. Also analyzes DevTools trace JSON files attached by the user. Use when asked to "generate preloads", "what should be preloaded for LCP", "find the LCP critical resources", "build a preload list / head.html snippet", or "why is LCP late on this page".

Read SKILL.md at the source

Pinned to revision 14589e7d5933, so it is the text this page describes rather than whatever the author pushed since.

Files

Every link opens the file at its source, pinned to the revision this page describes.