Most developers get images working and move on. But that usually means shipping files that are larger than they need to be, wasting bandwidth, and leaving performance on the table.
In this video, I walk through a smarter way to serve images with SvelteKit: hashed assets, modern formats, responsive images, and how the browser actually chooses which image to download.
Chapters:
00:00 Why Images Slow Sites
02:08 Static Images and Cache Busting
04:49 Enhanced Image Plugin Setup
05:32 Picture Sources and Smaller Files
07:41 Huge Savings on Real PNGs
08:32 Responsive Widths and Sizes
14:40 Wrap Up
Say hi / more
• ✉️ Newsletter & notes: https://ttemp.link/me
• 🦋 Bsky: https://ttemp.link/bsky
• ❎ X (Twitter): https://ttemp.link/x
