Progressively Lets You Lazy Load Images With Vanilla JS

Every complicated website needs to be fast. Though there are many techniques and plugins to boost page speed, still, we might not know where to start.

The Progressively book is a great apparatus for augmenting page speed. It works as a idle loading picture book that loads cinema gradually as a user scrolls down a page.

It’s a giveaway open source plan so we can download this and run it on any website. Plus it runs on 100% vanilla JS so it’s got 0 dependencies that might import we down.

progressively webapp scriptprogressively webapp script

You can take a demeanour during a live demo on a Progressively homepage.

It’s a small opposite than other idle bucket scripts since it keeps bound picture sizes for a whole page. This prevents a ever-so-annoying page burst we see whenever images fast bucket into view and boost a calm height.

And a picture placeholders indeed demeanour like a images you’re loading. Awesome!

This neat technique gives visitors a possibility to preview what a images demeanour like before they load. It’s all rubbed by JavaScript that checks a user’s plcae on a page and pre-loads images as they come into view.

Progressively does have a fairly endless API so it’s a good choice for web developers. The setup can get technical so it helps if we know your approach around simple frontend coding.

But we can learn some-more on a main GitHub page that includes a full API documentation, setup instructions and representation formula snippets we can copy/paste for your projects.

progressively lazyload exampleprogressively lazyload example

If we need a infallible lazy-loading picture book but a nasty dependencies afterwards give Progressively a shot. It’s totally giveaway and offers a lot of customization for developers.

Also take a look during a Progressively GitHub to learn some-more and to seize a downloadable source code.

Add Comment