• Erik BueErik Bue, over 4 years ago

    Wow, this site is beautiful.

    It seems like they often load a simpler/blurred image before loading the same image in full resolution. It adds quite a nice effect and I imagine helps with user perception of loading.

    0 points
    • , 4 years ago

      Thanks Erik! You're spot on with the image loading.

      Every image (with a few exceptions for really small ones) first loads a much smaller image file that's about 1/10 the size of the full image asset. The smaller image is scaled up and blurred to fit the content area, and once the high-res image is loaded and ready, the smaller blurred image fades out to reveal the high res image.

      Facebook took a super similar approach with how they handle loading cover images on their mobile app. Helps avoid choppy page loads, and provides a nice transition into the content.

      0 points