Learn Performance - Images

Welcome to this demo - part of the web.dev Learn Performance series. During this demo we will be covering images, their role on your page's performance and how you can optimize them.

Use the pane on the left to navigate through the different demos, or click the Start button below.

The source code for this demo is available on GitHub.

To get the full benefit of this demo and how the images appear on different viewports and devices, we suggest that you go through the demo on real devices. If you are unable to do so, you could use your browser's Responsive Mode.