From Heavy to Hyper-Fast: Optimizing Hero Images with AVIF in Astro
In our rifasvelez-web project, we're constantly looking for ways to enhance user experience, and a critical component of that is page load speed. The initial focus often goes to JavaScript bundles or server-side rendering, but sometimes the biggest wins come from simpler changes.
The Situation
Our rifasvelez-web site, built with Astro, featured a prominent hero section designed to captivate visitors immediately. While visually appealing, the hero image was a large PNG file.
