Experimentation with blurred placeholder images, fetch progress animation and lazy loading. To better observe, disable caching and throttle the network.
https://felipeog-image-progress.netlify.app
- HTML, CSS and JavaScript
- Node
- Sharp
- Cloudinary
- Web Dev Simplified's Speed Up Your Site Instantly With Lazy Loaded Images - Advanced Lazy Loading
- freeCodeCamp's How to use SVG as a Placeholder, and Other Image Loading Techniques