Building resilient search experiences with Workbox
How to implement a resilient search experience with Workbox, using Background Sync and the Push API.
Codelab: Centering in CSS
Learn 5 different centering techniques with CSS.
Reduce JavaScript payloads with code splitting
In this codelab, learn how to improve the performance of a simple application through code splitting.
Use density descriptors
In this codelab, learn how to use density descriptors and srcset to load images with the right pixel density for the user's device.
Explore DevTools Network panel
In this codelab, learn how to inerpret network traffic using Chrome's DevTools.
Extract and inline critical CSS with Critical
Learn how use Critical to extract and inline critical CSS, and improve render times.
Fix sneaky 404s
In this codelab, learn how to track down a sneaky 404 that may prevent your page from being properly indexed.
Configuring HTTP caching behavior
In this codelab, learn how to control resource caching behavior using HTTP headers.
Using Imagemin with webpack
In this codelab, learn how to use imagemin with webpack to optimize JPEG and PNG images for faster download.
Make it installable
In this codelab, learn how to make a site installable using the beforeinstallprompt event.
Get started with the Notifications API
In this codelab, learn how to request user permission and send notifications.
Build a push notifications server
In this codelab, learn how to build a push notifications server.
Use a Service Worker to manage notifications
In this codelab, learn how to manage notifications with a service worker.
Optimize third-party JavaScript
Learn about techniques for optimizing slow third-party resources with some help from Lighthouse.
Payment form best practices codelab
Learn best practices for payment forms.
Codelab: Preload critical assets to improve loading speed
In this codelab, learn how to improve the performance of a page by preloading and prefetching resources.
Preload web fonts to improve loading speed
In this codelab, learn how to improve the performance of a page by preloading web fonts.
Remove unused code
In this codelab, learn how to improve the performance of an application by removing any unused and unneeded dependencies.
Replace GIFs with video
In this codelab, learn how to improve performance by replacing an animated GIF with a video.
Same Origin Policy & Fetch requests
In this codelab, learn how the same-origin policy works when fetching resources.
Same Origin Policy & iframe
In this codelab, learn how the same-origin policy works when accessing data inside an iframe.
Serve images with correct dimensions
In this codelab, learn how to serve images with the correct dimensions to improve network performance.
Creating WebP Images with the Command Line
In this codelab, learn how to serve optimized images using WebP.
Working with service workers
In this codelab, learn how to make an application reliable by registering a service worker.