It’s very easy for unoptimized images to end up on a production site and slow down its initial load considerably. Inexperienced devs usually aren’t aware of this potential problem. They also aren’t aware of a wide range of tools and approaches for optimizing images.
This article aims to cover most of the tools and approaches for optimizing images for the web.
Good to see that it also covers native lazy image loading. The smallest image still remains an image not loaded unnecessarily 😉
🕹 Did you know you can also let a GitHub Action automatically compress images included in PRs?
💁♂️ Addy Osmani’s Essential Image Optimization is also worth a look.