Lazy Load VS infinite scrolling

jquery lazy-loading infinite-scroll
progfa picture progfa · Feb 10, 2014 · Viewed 11.7k times · Source

I thought Lazy Loading and infinite scrolling are same things, But today I heard that these are two different things. Is that true?

Answer

deceze picture deceze · Feb 10, 2014

Lazy loading refers to deferring loading of any kind of content until it becomes necessary. For example, on a long page, images which are not currently visible do not need to be loaded. Only when the user scrolls the page over or near them do they get fetched from the server.

Infinite scrolling refers to new content being loaded when the end of the page is reached, so the effect of an infinitely long page is created (mostly to avoid tedious paging).

So yes, they're different, but related.

Related questions

Binding image lazy loading to new images inserted after ajax request

I'm using Mika Tuupola's Lazy Load plugin http://www.appelsiini.net/projects/lazyload to delay loading images as you scroll down a long image gallery. The problem is after 10 images, I use infinite scrolling so I fetch the next 10 images, …

Read More
JQuery to load Javascript file dynamically

I have a very large javascript file I would like to load only if the user clicks on a certain button. I am using jQuery as my framework. Is there a built-in method or plugin that will help me do …

Read More
How to load images dynamically (or lazily) when users scrolls them into view

I've noticed this in numerous "modern" websites (e.g. facebook and google image search) where the images below the fold load only when user scrolls down the page enough to bring them inside the visible viewport region (upon view source, …

Read More