--- title: Web Performance description: Web performance focuses on optimizing website speed and responsiveness. Learners will understand how to measure page load times, minimize resource sizes, implement caching, and improve the overall user experience. category: programming-tech subcategory: web-development difficulty: beginner, intermediate, advanced url: /subject/web-performance --- # Web Performance Web performance focuses on optimizing website speed and responsiveness. Learners will understand how to measure page load times, minimize resource sizes, implement caching, and improve the overall user experience. ## Available Resources 3 Books • 2 Courses • 6 Websites ## Websites ### 1. HTTP Archive An open-source project that crawls millions of web pages monthly using Chrome UX Report data, recording page composition, load times, and technology adoption to reveal long-term trends in how the web is built. **Difficulty:** Beginner | **Price:** Free **Link:** https://httparchive.org/ **Tags:** web-performance, website-analytics, open-data ### 2. WebPageTest A free tool that tests page load speed from real browsers and global locations, producing waterfall charts, filmstrips, and Core Web Vitals scores developers use to diagnose and fix front-end performance bottlenecks. **Difficulty:** Beginner | **Price:** Free **Link:** https://www.webpagetest.org/ **Tags:** web-performance, testing-tools, web-development ### 3. web.dev/performance Google's hub of free guides, case studies, and tools such as Lighthouse and PageSpeed Insights covering Core Web Vitals, image and font optimization, and JavaScript performance for improving real-world page load speed. **Difficulty:** Beginner | **Price:** Free **Link:** https://web.dev/performance/ **Tags:** web-performance, web-development, google ### 4. web.dev web.dev is Google's developer resource hub with guides, tutorials, and tooling docs to help you build fast, accessible, and reliable websites. It covers web performance topics like Core Web Vitals, Lighthouse audits, performance best practices, and network optimization techniques. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://web.dev **Tags:** websites, technology-computer-science, computer-networks ### 5. developers.google.com/speed Google Developers’ Speed hub provides practical guidance, metrics, and tooling to measure and optimize web performance, including Core Web Vitals, Lighthouse, and PageSpeed Insights. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://developers.google.com/speed **Tags:** websites, technology-computer-science, web-development ### 6. smashingmagazine.com Smashing Magazine is a design-focused publication offering practical articles, tutorials, and ebooks for web designers and developers. It covers layout, composition, typography, UX, and responsive design, with code samples and design patterns. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://smashingmagazine.com **Tags:** websites, arts-design, graphic-design ## Courses ### 1. Web.dev Learn - Performance Learn web performance best practices with Google's web.dev course! Optimize your site for speed and a better user experience. **Difficulty:** Intermediate | **Price:** Free **Link:** https://web.dev/learn/performance/ **Tags:** web-performance, web-development, course ### 2. HTTP | Web Performance Learn HTTP fundamentals & boost your website's speed! Barry Pollard's course unlocks key web performance optimization techniques. **Difficulty:** Intermediate | **Price:** Paid **Link:** https://frontendmasters.com/courses/web-perf/ **Tags:** web-performance, http, web-development ## Books ### 1. High Performance Web Sites **Author:** Steve Souders Fourteen practical rules for speeding up page load times, covering CSS placement, script loading, caching, compression, and CDNs, distilled from the author's work optimizing Yahoo's most-visited pages as their chief performance engineer. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/0596529309?tag=edmonddante07-20 **Tags:** books, technology-computer-science, web-development ### 2. Web Performance in Action **Author:** Jeremy Wagner A hands-on guide to building faster websites, covering image and font optimization, HTTP/2, rendering performance, and automated build workflows that reduce page weight and speed up asset delivery for front-end developers. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/1617293776?tag=edmonddante07-20 **Tags:** books, technology-computer-science, web-development ### 3. Designing for Performance **Author:** Lara Callender Hogan A practical guide for designers and developers on balancing visual richness with page speed, covering image and font optimization, mobile-first performance budgets by breakpoint, measurement tools, and building a performance-focused team culture. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/1491902515?tag=edmonddante07-20 **Tags:** books, technology-computer-science, web-development --- *This content is part of Dantes.io - Your Treasure Map to Knowledge* *Curated by humans at Dantes.io. Personal study use welcome; republishing this curation requires permission (team@dantes.io).* View this page online: https://dantes.io/subject/web-performance