 Hey, everyone, Sam here. This is a quick web series about solving web problems with standards. These tips are part of the platform and work with any framework or library. These are quick tips, so let's go. Even in the age of 4G and fiber to the whatever, it's important to keep your sites small. You've got content, scripts, and the largest cost, media, like images, gifs, and videos, and it's worth learning how to minimize the bandwidth requirements of those. For images, you'll want to get tiny. JPEX can be made smaller, although they'll go down in quality. And for PNGs, you can use the PNG Crush tool to remove redundant data while keeping your image perfect. And even though gifs are popular again, remember that you can just send your users actual videos. Modern H.264 compresses a ton better than this gif standard from the 90s. Next up is how you use these images on your pages. If images are on a page anywhere, even if they're hidden through display none or opacity 0, they'll still get loaded by your browser. Be sure to only create images when they're needed. And if that's, say, as the user scrolls down a page, use a passive event listener to check with the image you want to load has actually come into frame. So remember, keep your images small and only on the page when they need to be loaded. That's saving bandwidth the standard way. See you on the next tip.