Learning
web.dev
Practical guides to building fast, accessible and resilient experiences for the web.
web.dev THE WEB, WELL BOOKMARKED
Fill your creative toolkit.
98 references, libraries and tools for designing, building and testing the web.
7 resources · External links open in a new tab. Some services require an account or paid plan.
Typography
Modern Font Stacks
System-font stack examples for building distinct typography without downloading web fonts.
modernfontstacks.comPage testing
PageSpeed Insights
Analyze a URL with Lighthouse diagnostics and field performance data when available.
pagespeed.web.devPage testing
WebPageTest
Run detailed page-load tests and inspect timing, resource waterfalls and rendering behavior.
www.webpagetest.orgPage testing
Yellow Lab Tools
Audit frontend complexity and performance indicators such as assets, DOM size and scripting.
yellowlab.toolsJavaScript tools
Bundlephobia
Inspect the estimated bundle impact of npm packages before adding a dependency.
bundlephobia.comAsset tools
SVGOMG
Optimize SVG files through a visual interface to SVGO and inspect the result before downloading.
jakearchibald.github.io