Progressive JPEGs for fast website image loading and ux design
Want to Speed up your website images and improve user experience? Make sure you use progressive JPEGs (or interlaced JPEGs), it could help make your website load faster and retain visitors for a longer duration.
Take a look at the example below showing a normal baselayer JPEG and a progressive JPEG LOADING side by side.
Instead of delaying page loading for high quality images, we can display lower quality and load the high quality whilst the user can still browser, view, read and purchase. Remember your visitors may be on a slow mobile connection! They don’t want to wait!
Some further reading? Take a look at the website below.
https://www.thewebmaster.com/dev/2016/feb/10/how-progressive-jpegs-can-speed-up-your-website/