Solved

Not sure why lazy loading isn't working

Posted on 2013-06-10
8
477 Views
Last Modified: 2013-06-11
I've spent most of the day on this and still don't know why lazyloading doesnt work...

I right clicked, selected "inspect element". Looked at the Network tab but looks like the images all get loaded at page load...

Not sure the way I'm loading the lazyload is wrong or what. Can someone take a look at this?

Thanks for any help you can offer...

http://dev07.web.newbalance.demandware.net/on/demandware.store/Sites-newbalance_us-Site/undefined/Search-Show?cgid=101000
0
Comment
Question by:Camillia
  • 4
  • 4
8 Comments
 
LVL 9

Accepted Solution

by:
Ishaan Rawat earned 500 total points
Comment Utility
You know why its not working....

Because your images ares o small about 11.6 kbs...
which loads in milliseconds...

Thats why you are not able to see the image loading...

try it with a bigger size image... then see if its working or not...
0
 
LVL 7

Author Comment

by:Camillia
Comment Utility
Where did you see the images are 11.6 (small)...in Netwrok tab?

Is there a way to slow down the page load to see if it's working...lazyload has threshold..can that be used? http://www.appelsiini.net/projects/lazyload

How can I do this..it's from my manager:
- basically the lazy load works after the page loads. Try this - do a javascript break point prior to where you do the lazy load call... See if you can see the images NOT being loaded, that will be a good test.  

How can I add that JS break?
0
 
LVL 9

Expert Comment

by:Ishaan Rawat
Comment Utility
no the shoes images...
0
 
LVL 7

Author Comment

by:Camillia
Comment Utility
Yeah, do u know how to do this? if not, i'll open another question. Thanks

How can I do this..it's from my manager:
- basically the lazy load works after the page loads. Try this - do a javascript break point prior to where you do the lazy load call... See if you can see the images NOT being loaded, that will be a good test.
0
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 
LVL 9

Expert Comment

by:Ishaan Rawat
Comment Utility
Or you can do this....

apply lazy load to your website...

Add 8, 9 large size images...
one after the other...

and see if the images load after you scroll on them... then lazy load is working perfectly....
0
 
LVL 7

Author Comment

by:Camillia
Comment Utility
this is a vendor app...so i cant easily make changes. I'll close this question and open another one with my question above. Thanks
0
 
LVL 9

Expert Comment

by:Ishaan Rawat
Comment Utility
Ok...
As you wish./..
0
 
LVL 7

Author Comment

by:Camillia
Comment Utility
i think i found a large image to try...from vendor. I know I've closed this question, but i'll see if i can try it.
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now