Vanilla Web

Lazy Load Images

Source Code for this project can be found here


Scroll the below container slowly to see lazy loading of images.

Some text

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Totam neque at voluptates facilis optio nulla possimus, illo provident blanditiis hic a distinctio quo, amet dicta debitis, magni tempore fugiat. Iusto aperiam nostrum sunt doloribus tempore expedita blanditiis recusandae qui quidem dolor exercitationem laboriosam quod suscipit quisquam id minus, delectus atque, quas, quae nam maiores a cupiditate voluptates. Vitae tempore obcaecati rem, neque dolorum repudiandae ipsum? Natus veritatis sequi sapiente nemo sunt omnis blanditiis nam, dolor, odit consectetur, ex non culpa suscipit harum. Enim totam voluptatibus tempore quis doloremque alias, beatae architecto provident veniam est esse assumenda cupiditate sapiente quisquam molestiae tenetur vitae ex voluptas animi labore a iusto eaque voluptatem! Autem delectus expedita in commodi nulla aliquid necessitatibus accusamus nemo illum veritatis laborum eligendi excepturi placeat animi eos minus, iure similique quod iste rem ratione! Nulla illo at vero beatae magnam quod temporibus omnis iusto. Itaque dicta consequatur harum? Blanditiis harum in distinctio quidem voluptates assumenda culpa nihil aut nulla soluta? Officiis, iure. Soluta eligendi mollitia optio iure deleniti, culpa ullam voluptas sint recusandae? Sapiente, qui veniam tempora provident alias id repellat blanditiis ad sed magni soluta nihil molestiae modi explicabo perspiciatis hic. Vel harum at voluptatum quibusdam rem? Velit illum quibusdam a? Soluta laudantium architecto eum nesciunt cumque impedit molestias incidunt tempora fugit deserunt id, exercitationem obcaecati dolorem perferendis quam voluptatem odio repudiandae dolore dolorum. Quasi voluptas possimus commodi accusamus earum voluptatibus voluptates eligendi culpa odit quo magni aperiam dolorem, officia autem porro distinctio repudiandae pariatur deleniti sunt. Eius optio sequi deserunt ratione ea ducimus atque quia non velit neque, suscipit fugit obcaecati accusantium ipsam aut nostrum quod commodi, eligendi, repellat voluptate culpa iusto cupiditate. Omnis odio aspernatur, aut iure sint aliquid. Soluta eveniet atque provident modi adipisci quod, doloribus mollitia architecto? Quibusdam distinctio numquam voluptatibus nostrum non, sequi doloribus vero molestiae sed nulla eum aliquid quam incidunt delectus fuga. Consectetur corporis placeat temporibus obcaecati molestias voluptate ab quod labore! Voluptates itaque praesentium facere, impedit similique, porro cumque explicabo earum, odio dolore facilis commodi atque dicta corporis nulla? Ut numquam nesciunt officiis voluptatem fugit? Cupiditate aspernatur nesciunt officiis nulla earum doloribus dolorem, ex doloremque! Nobis illum quae fugiat voluptatem nemo, culpa numquam sint unde itaque alias reprehenderit architecto, natus quia veniam? Quia, officia. Natus inventore veniam obcaecati consectetur quas architecto consequatur autem totam consequuntur aspernatur at cupiditate placeat dolorem asperiores dolorum numquam, blanditiis iure ut quasi ad cum. Quo?

Some more text

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor cupiditate ducimus ratione sequi reprehenderit. Excepturi ex nemo voluptatem laudantium ut consequatur sint optio adipisci illum velit quo corporis at quidem dolorum suscipit perferendis inventore autem deleniti, ratione aut totam quia impedit? Animi impedit ipsum fuga voluptatem nam, quia est dignissimos eius quidem incidunt modi porro minima cumque soluta consectetur perspiciatis quaerat vel rem repellat ad? Possimus, repellat voluptatibus laboriosam tenetur sequi molestiae. Fugit voluptate cumque, maxime odit, fugiat obcaecati at atque ab iste quas eaque possimus facilis ducimus qui tempora iure voluptates libero delectus amet consequuntur assumenda commodi?

Hold On!

Scroll Slowly

From here, image will start loading

img1 img2 img3 img4 img5