A walkthrough of setting up image optimization on an Eleventy site hosted on Netlify. The author uses the Eleventy image transform plugin to generate avif and webp formats at multiple widths (640, 960, 1280, 1600px) with lazy loading. To avoid doubling build times, transformed images are cached in a `.cache` directory that Netlify preserves across builds, and copied to the output directory post-build. This keeps build time around 1 minute for 400+ pages and 200 images.
Sort: