CodeTools
Use Imagemin to compress images
Image compression with a CLI or an npm module.
DesignTools
Performance Budget Calculator
Get a budget.json file that can be used with Lighthouse.
CodeTools
Speed at Scale: What's new in Web Performance?
New launches from Google I/O 2019.
DesignTools
Optimize images with Thumbor
Resize, compress, and transform images on-demand.
CodeSamples
Fix an overloaded server
How to determine and quickly fix a server’s bottleneck.
CodeTools
Content delivery networks (CDNs)
Improve performance by using a content delivery network.
CodeSamples
Debugging layout shifts
Learn how to identify and fix layout shifts.
DesignSamples
Best practices for cookie notices
Optimize cookie notices for performance and usability.
CodeResources
Debug layout shifts
Thought process and tools to identify and fix layout shifts on web pages.
CodeSamples
CSS for Web Vitals
The many ways to improve performance and Web Vitals with CSS.