https://github.com/awesomelistsio/awesome-wpo
A curated list of awesome resources for optimizing web performance.
https://github.com/awesomelistsio/awesome-wpo
awesome awesome-list awesome-lists web-optimization web-performance wpo
Last synced: 3 months ago
JSON representation
A curated list of awesome resources for optimizing web performance.
- Host: GitHub
- URL: https://github.com/awesomelistsio/awesome-wpo
- Owner: awesomelistsio
- License: unlicense
- Created: 2023-07-07T19:35:11.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-04T23:45:42.000Z (about 1 year ago)
- Last Synced: 2024-12-06T12:15:41.255Z (11 months ago)
- Topics: awesome, awesome-list, awesome-lists, web-optimization, web-performance, wpo
- Homepage: https://www.awesomelists.io/awesome-web-performance-optimization/
- Size: 7.81 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-javascript - Awesome Web Performance
- awesome-css - Awesome Web Performance
- awesome-html5 - Awesome Web Performance
README
# Awesome Web Performance Optimization [](https://github.com/brandonhimpfen/awesome)
[](https://ko-fi.com/awesomelists) [](https://www.paypal.com/donate/?hosted_button_id=3LLKRXJU44EJJ) [](https://tinyurl.com/e8ymxdw3) [](https://x.com/ListsAwesome) [](https://www.facebook.com/awesomelists)
> A curated list of awesome resources for optimizing web performance.
- [Articles](#articles)
- [Tools](#tools)
- [Frameworks](#frameworks)
- [Guides](#guides)
- [Books](#books)
## Articles
- [High Performance Browser Networking](https://hpbn.co/) - Book by Ilya Grigorik covering web performance optimization techniques.
- [The Critical Request](https://css-tricks.com/the-critical-request/) - Article by Addy Osmani on prioritizing critical resources for faster loading.
- [Web Performance Optimization](https://developers.google.com/web/fundamentals/performance/) - Google's official web performance optimization guide.
- [The Cost of JavaScript](https://v8.dev/blog/cost-of-javascript-2019) - Insights into the impact of JavaScript on web performance.
## Tools
- [Lighthouse](https://developers.google.com/web/tools/lighthouse) - Auditing tool by Google for measuring web performance and best practices.
- [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) - Tool by Google for analyzing web page performance and suggesting optimizations.
- [WebPageTest](https://www.webpagetest.org/) - Open-source tool for testing and analyzing website performance.
- [GTmetrix](https://gtmetrix.com/) - Online tool for analyzing and optimizing web page performance.
- [Pingdom](https://www.pingdom.com/) - Website monitoring and performance testing tool.
## Frameworks
- [Next.js](https://nextjs.org/) - React framework with built-in performance optimizations and server-side rendering.
- [Gatsby](https://www.gatsbyjs.com/) - Static site generator known for its speed and performance optimizations.
- [Vue.js](https://vuejs.org/) - Progressive JavaScript framework with performance-focused design principles.
- [Svelte](https://svelte.dev/) - JavaScript framework that compiles components to highly efficient JavaScript code.
- [Nuxt.js](https://nuxtjs.org/) - Universal Vue.js framework for building fast and SEO-friendly applications.
## Guides
- [Front-End Performance Checklist](https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/) - Comprehensive checklist for optimizing web performance.
- [Performance Budgets 101](https://24ways.org/2016/performance-budgets-101/) - Introduction to setting and maintaining performance budgets.
- [Web Performance Optimization: The Complete Guide](https://www.sitepoint.com/premium/books/web-performance-optimization) - SitePoint's guide covering various web performance optimization techniques.
- [Lazy Loading Images and Video](https://css-tricks.com/lazy-load-images-and-video/) - Tutorial on implementing lazy loading for media assets.
- [Optimizing Fonts for Performance](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization) - Google's guide on optimizing web fonts for performance.
## Books
- [High Performance Web Sites](https://www.oreilly.com/library/view/high-performance-web/9780596529307/) - Book by Steve Souders exploring front-end optimization techniques.
- [Even Faster Web Sites](https://www.oreilly.com/library/view/even-faster-web/9780596803772/) - Follow-up book by Steve Souders with additional performance tips and tricks.
- [Speed Up Your Site: Web Site Optimization](https://www.amazon.com/Speed-Up-Your-Site-Optimization/dp/0735713243) - Book by Andrew B. King focusing on web performance optimization strategies.
## Contribute
Contributions are welcome!
## License
[](http://creativecommons.org/licenses/by-sa/4.0/)