YOUR IMAGES ARE (PROBABLY) OVERSIZED

Summary from the TLDR Web Dev newsletter

Serving appropriately sized images for different screen sizes avoids wasting bandwidth and compute power. This can be done by using the `srcset` and `sizes` attributes on the `img` tag to specify multiple image sources and their intended widths based on viewport size.