How I improved my site’s performance by replacing all my GIFs with Lottie

The original GIF version of the animation I had to replace, it looks bad the file size is massive for what it is

Just before the launch of the Reciprocal.dev alpha I had a little time to polish the web app while we worked on the marketing site so I started building a custom loading image to keep users entertained while waiting to use the product.

I had been using Adobe Illustrator to create small illustrations to use throughout the app, re-using…