Building the Image Grid from Google Photos

Engineered for fast image loading and smooth scrolling

That was a great milkshake

First: Why the easy solutions don’t work

Finding an elegant solution

Enter Google Photos

Using translate3d for layout

How it works

Making it fast

Making it (even) faster

Medium’s progressive blur/focus loading, implemented using CSS filter:blur()
Progressive image loading in action

Recap: Performance-first design

The end result? It’s pretty freaking fast

cofounder, @ambrookag. previously product @nytimes, @googledrive, @firebase, engineering @thenext50us, @minimill_co. https://schlosser.io

cofounder, @ambrookag. previously product @nytimes, @googledrive, @firebase, engineering @thenext50us, @minimill_co. https://schlosser.io