Taking A Look At The State Of Progressive Images And User Perception

February 7, 2018

“Progressive Images” is a hot topic these days. We often come across articles explaining techniques on how to avoid showing an empty space where an image will load. Medium and Facebook are examples of websites and mobile apps that apply this pattern. I recently wrote about different ways to use SVG as placeholders, and this year’s PerfPlanet’s Performance Calendar included two posts that further describe SQIP, a technique based on blurred SVGs: Progressive Image Loading using Intersection Observer and SQIP and SQIP — Vague Vectors for Performant Previews.

Previous Article
CSS And The First Meaningful Paint

To render a webpage browsers needs to go through the complex dance of networking, parsing and painting befo...

Next Article
Mobile App With Facial Recognition Feature: How To Make It Real
Mobile App With Facial Recognition Feature: How To Make It Real

Imagine an application that can, in real time, analyze a user’s emotional response while they’re interactin...