Repolode
Submit
thedaviddias

thedaviddias/Front-End-Performance-Checklist

An exhaustive front-end performance checklist covering HTML, CSS, fonts, images, JavaScript and server rules, each with why and how notes plus linked tools.

View on GitHub
Stars
17,381
Forks
1,255
Open issues
1
Last commit
9 days ago

What is it?

The Front-End Performance Checklist is a long list of performance rules that front-end developers can check against their websites and applications. Each rule explains why it matters and how to fix it, and most link to tools or articles for further reading.

The checklist is organized by area: HTML, CSS, fonts, images, JavaScript, and server-side delivery, with sections on popular frameworks and WordPress. Each item carries a low, medium or high priority marker, so readers can decide what to tackle first. Topics include minification, render-blocking resources, critical CSS, webfont formats, lazy loading, responsive images, service workers, HTTPS, caching headers and compression.

The repository also collects performance testing and monitoring tools such as WebPageTest, PageSpeed Insights, Lighthouse and Sitespeed.io, along with a list of translations into other languages.

Key features

  • 01Covers HTML, CSS, fonts, images, JavaScript and server-side delivery in one checklist.
  • 02Each rule explains the reason behind it and how to apply the fix.
  • 03Items are marked with low, medium or high priority.
  • 04Links to testing tools such as WebPageTest, Lighthouse and PageSpeed Insights.
  • 05Includes sections on React, Angular, Vue and WordPress performance.

Use cases

  • Auditing a website or web app before launch to find performance issues.
  • Onboarding front-end developers to common performance practices.
  • Building a performance review step into a team's development process.
  • Looking up which tools to use for measuring page speed and monitoring it over time.

Topics

#performance#web-performance#frontend#checklist#html#css#javascript#web-development#front-end-developer-tool#front-end-development

FAQ

What is Front-End-Performance-Checklist?
An exhaustive front-end performance checklist covering HTML, CSS, fonts, images, JavaScript and server rules, each with why and how notes plus linked tools. The Front-End Performance Checklist is a long list of performance rules that front-end developers can check against their websites and applications. Each rule explains why it matters and how to fix it, and most link to tools or articles for further reading.
Is Front-End-Performance-Checklist free to use? What license does it have?
Front-End-Performance-Checklist is open source under the MIT license. Check the license terms before using it in commercial products.
Is Front-End-Performance-Checklist still maintained?
Actively maintained. The last commit to Front-End-Performance-Checklist was on Oct 13, 2026.
What can I use Front-End-Performance-Checklist for?
Auditing a website or web app before launch to find performance issues. Onboarding front-end developers to common performance practices. Building a performance review step into a team's development process. Looking up which tools to use for measuring page speed and monitoring it over time.
Where can I get Front-End-Performance-Checklist?
The source code and installation instructions are on GitHub: https://github.com/thedaviddias/Front-End-Performance-Checklist

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects