awesome-web-performance
A curated list of awesome resources, tools, and tips to improve web performance.
https://github.com/awesomelistsio/awesome-web-performance
Last synced: 2 days ago
JSON representation
-
Optimization Techniques
-
Network Optimization
- HTTP/2 - How HTTP/2 improves performance.
- Image Optimization - Tools and techniques for optimizing images.
-
Frontend Optimization
- Lazy Loading - Techniques to delay loading of non-critical resources.
- Code Splitting - Splitting your code for faster load times.
- Minification - Minifying HTML, CSS, and JS.
-
Backend Optimization
- Content Delivery Networks (CDN) - How CDNs can improve performance.
-
-
General Resources
- MDN Web Docs: Performance - Web performance documentation by Mozilla.
- Web Performance 101 - Introduction to web performance.
-
Performance Metrics
- TTFB (Time to First Byte) - Explanation and importance of TTFB.
-
Performance Tools
- WebPageTest - Detailed performance testing with real browsers.
- GTmetrix - Website performance testing and monitoring.
- Pingdom - Uptime and performance monitoring.
- PerfBudget - Set and track performance budgets.
-
Performance Budgeting
-
Backend Optimization
- Performance Budget Calculator - Tool for calculating performance budgets.
-
-
Case Studies
-
Backend Optimization
- The Guardian - How The Guardian improved their web performance.
-
-
Blogs & Newsletters
-
Backend Optimization
- CSS Tricks - Articles related to web performance.
- PerfPlanet - Performance tips, tricks, and articles.
-
-
Books
-
Backend Optimization
- High Performance Browser Networking - A book on how browsers interact with the network.
- Web Performance in Action - Practical techniques for improving web performance.
-