30 articles tagged #performance on hackpile.dev.
- Your First Client-Side Optimizer
Build a client-side image optimizer: drag-and-drop WebP compression, EXIF-aware decoding, quality slider, and pointer-driven comparison.
- How to Save the Brain Before You Squash the Body
Extract GPS and camera data with exifr before compression. Sanitize EXIF, store metadata in your database, not in public files.
- Keeping Your Svelte 5 UI at 60fps During WASM Compression
Move @jsquash to a Web Worker: decode once, re-encode on quality changes. Keep your Svelte 5 UI at 60fps with stateful encoding and transferable objects.
- Batch-Processing Dozens of Images in Parallel
Add a hardware-bounded Worker Pool to batch-process images with per-item gallery and preview drill-down.
- Why Image Optimization Matters More Than You Think
Images are the heaviest resource on web pages. Sizing matters more than compression; oversized images waste more bandwidth than poor encoding.
- Lazy Loading, Priority Hints, and the Blur-Up Technique
Master lazy loading, priority hints, and LQIP blur-up techniques to optimize perceived performance and eliminate blank image boxes.
- Letting the Platform Own Sharp
Platform-managed edge transforms: when to migrate from self-hosted Sharp to Cloudflare, Vercel, Netlify, or AWS Lambda@Edge.
- Choosing the Right Image for the Job
Vector vs raster, AVIF vs WebP, lossy vs lossless, and the format decision tree every developer needs before touching a compression tool.
- Squoosh as a Library
@jsquash ports Squoosh's professional codecs to your browser via WASM - no server, no ImageMagick, no build step needed.
- Complete Pipeline Recap
Run a before/after Lighthouse audit. Learn what Core Web Vitals measure and how each lesson moves LCP, CLS, and TBT.