The personal site of Erik Weilow
overview
← back to projects list

lazy-images

Performant and smooth image loading for the modern web

Been developing a modern solution for loading images in a smooth fashion for the web. Where other solutions tend to hold off on loading images until they are in the viewport, this solution takes note of when the page is idle to load images in the background with a sorting order based on the distance to the current viewport. In fact, it is used on this very page.

Part of activity

Developer, designer & librarian
Space Countdown
Developing and designing a data-driven web project which has become an extensive and detailed archive of SpaceX's past missions as well as a helpful tool to plan for watching the next launch. As part of this I also maintain the extensive data set used by the site.
Projects within activity:
lazy-images
Performant and smooth image loading for the modern web
nyckel
Authentication for hybrid web apps
ikon
Icon creation for web apps
precision-countdown
Counting down with precision in mind
Space Countdown
A detailed archive of SpaceX flights

Tags

  • Image loading

Technologies

  • TypeScript
  • React