Feat: Post V1 Optimization - Custom Img Blur for Loading

[SomGye]

Description

---

Allows for further optimization of images by loading an init blurred version of images (uses Gaussian Blur 100% 3x in PSP per img) and then when onLoad fire a custom handler to hide the blur img and show the full img. I was initially going to use BlurHash but it requires a discrete width/height AND is a black-box component, so I decided to do custom blurs and handling instead. NOTE: each img needs a unique className that acts as an ID for the handler, so for this simple website I used the format:

• img01 for base img (non-blurred)
• img01b for blur img

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
zdaworks-website	✅ Ready (Inspect)	Visit Preview	Jan 28, 2024 0:44am