davidsonfellipe/awesome-wpo

★ 8,897Audience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((awesome-wpo))
    What it does
      Curated resource list
      Web performance topics
    Tool Categories
      Image optimizers
      JS and CSS minifiers
      CDN resources
      Core Web Vitals
    Learning Resources
      Books
      Talks
      Case studies
    Audience
      Web developers
      Designers

mindmap root((awesome-wpo)) What it does Curated resource list Web performance topics Tool Categories Image optimizers JS and CSS minifiers CDN resources Core Web Vitals Learning Resources Books Talks Case studies Audience Web developers Designers

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Find the right image compression or lazy-loading tool to reduce your website's page load time.

USE CASE 2

Browse recommended books and talks to learn web performance optimization best practices.

USE CASE 3

Discover monitoring tools to track your app's performance over time and catch regressions.

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is a curated list of resources for web performance optimization, often abbreviated as WPO. Web performance optimization is the practice of making websites load and respond faster, which matters both for user experience and for how well pages rank in search engines. The list covers tools, articles, books, talks, blogs, and documentation across a wide range of subtopics. The collection is organized into categories. There are sections for tools that analyze how fast a page loads, tools that monitor how an application performs over time, image optimizers, CSS and JavaScript minifiers (tools that shrink file sizes), lazy loading utilities, content delivery network resources, and more. There are also sections on Core Web Vitals, which are the specific metrics Google uses to measure page experience, including how fast the main content appears, how stable the page layout is, and how quickly the page responds to user input. The books section includes well-known titles on browser networking, JavaScript performance, and designing for speed. The case studies section links to collections of real-world examples showing how performance improvements affected business outcomes. The documentation section links to official references like MDN, the Chrome team, and W3C specifications. This is a reference list, not software to install or run. It is aimed at web developers, designers, and anyone responsible for the speed of a website. The list is community-maintained and accepts contributions via GitHub. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1

I want to improve my website's Core Web Vitals scores. Based on the awesome-wpo list, which image optimization and lazy-loading tools should I start with and how do I integrate them?

Prompt 2

Help me pick a JavaScript minifier from the awesome-wpo collection that works with a Webpack build pipeline.

Prompt 3

I need to set up real-user performance monitoring for my web app. Using the awesome-wpo resource list, what tools should I evaluate and what metrics do they capture?

Prompt 4

My site scores poorly on Largest Contentful Paint. Using awesome-wpo references, give me a step-by-step action plan of tools and techniques to fix it.

Open on GitHub → Explain another repo

← davidsonfellipe on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.