awesome-web-performance
github.com/d4rkr00t/awesome-web-performance ↗A list of Web Performance Optimization techniques, tools and resources.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me benhcmarking / load testing resources from awesome-web-performance"
Installation instructions →What's inside
Talks / Videos
- Anatomy of the browser 101 (Chrome University 2019)
- Anatomy of the browser 201 (Chrome University 2019)
- CSS runtime performance | Nolan Lawson
Nolan Lawson — CSS, Browser Rendering. On the client side, we pay a lot of attention to JavaScript performance. But relatively little time is spent on CSS, even though style and layout calculation can impact runtime performance as well. In this talk, I'd like to demystify some aspects of CSS runtime performance, exploring what parts the browser has already optimized, and what we as web developers can do to speed up styling.
- DevTools Deep Dive | Jack Franklin | performance.now() 2024
Jack Franklin | performance.now() 2024 — Chrome, Chrome Dev Tools
- From 'Fully Loaded' to Core Web Vitals: Understanding the Evolution of Performance Metrics
- Intro to Runtime Performance in the Chrome DevTools Performance Panel with Annie Sullivan
Tools
- BrowserbenchBenhcmarking / Load Testing
- BundlePhobiaBundle Analyzers
- CapoAnalyzers
- CSS TriggersResources
- @dropbox/ttvcRUM
- ImageOptimImage Optimization
Podcasts
- Catching Up With Web PerformancePerformance Specific
- JS Party: Web development's lost decadePerformance Episodes
Articles
- Container Timing: measuring web components performance
- Dictionary Compression is finally here, and it's ridiculously good
- Fixing INP with a VIEWPORT tag
- How large DOM sizes affect interactivity, and what you can do about it
- Maximally optimizing image loading for the web
- Object Structure in JavaScript Engines
Case Studies
Stats
Showing a sample of 87 resources. View the full list on GitHub →