DevelopmentTools
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.
DevelopmentTools
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.
DevelopmentSamples
Fix an overloaded server
How to determine and quickly fix a server’s bottleneck.
DevelopmentTools
Content delivery networks (CDNs)
Improve performance by using a content delivery network.
DevelopmentSamples
Debugging layout shifts
Learn how to identify and fix layout shifts.
DesignSamples
Best practices for cookie notices
Optimize cookie notices for performance and usability.
DevelopmentResources
Debug layout shifts
Thought process and tools to identify and fix layout shifts on web pages.
DevelopmentSamples
CSS for Web Vitals
The many ways to improve performance and Web Vitals with CSS.
DevelopmentResources
Best practices for using third-party embeds
An overview of techniques to load popular third-party embeds efficiently.