The classic CSS blog — home of the widely cited Flexbox and Grid guides
web.dev
Google's guidance for modern web development — the home of performance and UX courses like Core Web Vitals
Content updated · 2026-09-07
What is it · 它是什么
What is web.dev?
web.dev is Google's official guidance for modern web development, centered on making sites fast and solid: structured courses like Learn CSS, Learn Performance, and Learn Accessibility, authoritative coverage of Core Web Vitals (the user-experience metrics), and the Lighthouse measurement tool. For what Google considers a good website, this is the source.
How to use · 怎么用
How to use web.dev
- Run your own site through web.dev/measure for a health check, then work through the report item by item.
- Learn performance and best practices systematically via the Learn courses — far more structured than scattered blog posts.
- Read the Core Web Vitals material before optimizing: knowing how the metrics are computed tells you where to push.
Key features · 核心特点
Key features of web.dev
- First-party Google content, consistent with the Chrome toolchain (Lighthouse/DevTools)
- The Learn courses are complete and continuously updated
- Core Web Vitals is Google's own metric set — the official guidance lives here
- Entirely free
Related sites
A free coding education platform — learn by building projects, with free certifications along each track
Real design challenges to sharpen your front-end skills — well suited for portfolio-worthy practice