Lazy loading images

Hi all,

I happen to use a lot of photos on my write.as site. Sometimes, I may use over 20 images in a single post! But my browser isn’t very happy. It tries to load all images at once, which makes browsing the post very frustrating. I searched a bit, and I noticed that there are loads of solutions, either native or using external JavaScript libraries. However, if I’m not mistaken, both require that I add HTML attributes to my images, such as loading="lazy" or class="lazyload". Unfortunately, write.as doesn’t give us access to HTML editing.

Personally, I would like to have all of my images load responsively. Any help with this would be much appreciated.

Edit: this guide also discusses different placeholders, such as dominant color and blur.

1 Like

Any luck with this @tothemoon? I would also love to be able to enable lazy loading on my blogs.