Learn Performance - Video

Welcome to this demo - part of the web.dev Learn Performance series. During this demo we will be covering the impact of videos on your page's performance and how you are able to optimize them.

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

Before starting, we suggest you to open DevTools or your browser's equivalent to inspect the network traffic and follow along.

On some demos we also use WebPageTest to generate a waterfall that illustrates the resources downloaded during the page load. You can compare this waterfall with what you see in DevTools or run your own WebPageTest to replicate the test.