Progressive Image Loading

Lazy loading takes high fidelity images and serves them up initially as blurry low-quality images based on the user’s connection speed. Once the baseline content is loaded and the site is useable, it goes about the job of upping fidelity of images, starting with the visible ones first, until they hit their highest resolution.

View it live: https://manitobaharvest.com/recipes/