Simon Willison’s Weblog

Subscribe

Posts tagged images, performance

Filters: images × performance × Sorted by date

Making GitHub’s new homepage fast and performant. A couple of really clever tricks in this article by Tobias Ahlin. The first is using IntersectionObserver in conjunction with the video preload=“none” attribute to lazily load a video when it scrolls into view. The second is an ingenious trick to create an efficiently encoded transparent JPEG image: embed the image in a SVG file twice, once as the image and once as a transparency mask.

# 29th January 2021, 7:05 pm / github, images, javascript, performance, svg

Return of the HTTP overhead delay. Christian proposes a neat way of improving page performance, by delaying non-essential images such as avatars until after the rest of the page has loaded.

# 11th July 2007, 3:12 pm / avatars, christian-heilmann, http, images, javascript, onload, performance