Front-End-Performance-Checklist

The Front-End Performance Checklist is a community-maintained reference document, not a piece of software. It is an organised list of concrete things a front-end developer can check to make sure their website loads and runs fast. The README opens with the rule "Design and code with performance in mind," and the file walks through what that means in practice.

The list is grouped into sections — HTML, CSS, Fonts, Images, JavaScript, Performance Tools, and References — and each item explains both why a rule matters and how to fix it, often with links to articles and free tools. Items carry one of three priority labels (Low, Medium, High) so a reader can decide what to tackle first; High items are ones you can't skip. Sample HTML items include minifying the markup, placing CSS link tags before JavaScript script tags so the browser can render in parallel, minimising iframes, and using prefetch, dns-prefetch and prerender hints to pull resources in before the user needs them. The Performance Tools section is a curated list — WebPagetest, GTmetrix, PageSpeed Insights, Lighthouse, Sitespeed.io, SpeedCurve, DebugBear, LogRocket, and more — so you can measure whether the changes helped.

Someone would use this if they are building or auditing a website and want one place to read through, item by item, what to verify before shipping or during a performance review. It is aimed at front-end developers but is also useful for product managers and designers who want shared vocabulary with engineering. The repository is a documentation project with no specific programming language; the topics it covers are HTML, CSS, and JavaScript. The full README is longer than what was provided.