A web developer shares four practical optimizations that reduced bandwidth and improved page performance on their Eleventy site hosted on Netlify. The changes include: trimming an RSS feed from 4.5MB to a few kilobytes by switching to summaries and limiting to 25 posts; converting thousands of images from WebP to AVIF for an average 65% size reduction; lazy-loading animated SVGs by initially serving a static AVIF and swapping in the animation after render on larger screens; and adopting a mindset shift from 'how to make things smaller' to 'does the browser need this right now.' The author emphasizes that performance is an ongoing process, not a one-time fix.

4m read timeFrom stuffandnonsense.co.uk
Post cover image
Table of contents
1) I stopped serving a 4.5MB RSS feed2) I switched thousands of images from WebP to AVIFI stopped loading animated SVGs up front4) I started questioning everything I send to the browserPerformance isn’t ever really finished
2K Impressions