Current time: 08-23-2017, 08:33 AM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Alternative to lazy load
03-17-2017, 04:42 AM
Post: #1
Alternative to lazy load
My client has a publishing website like a magazine that loads a rotating list of ads and because of this the web page takes a long time to load (even though the above the fold content loads super fast). However because of this the images for the page takes forever to load if we're using lazy load because the rotating list of ads holds them up.

Is there some other alternative solution someone would suggest?
Find all posts by this user
Quote this message in a reply
03-17-2017, 04:47 AM
Post: #2
RE: Alternative to lazy load
If your client is ok, you could try this:
1. remove the carousal at onload. Instead replace it with a single hero image.
2. let the page load and the images load as well.
3. after the onload, replace the hero image with your carousal.

I am not sure on why the carousal would interfere with lazy loaded images. Only images below the fold would be lazy-loaded. By the time this occurs, the carousal would already have been populated. Maybe I am missing something here.

Follow me on twitter: @rakshay
Visit this user's website Find all posts by this user
Quote this message in a reply
03-17-2017, 05:00 AM
Post: #3
RE: Alternative to lazy load
Instead of lazy-loading at the page's onload event you can attach onload handlers to the main page images and lazy-load the content when the main images have all finished loading (or in the simple case, attach an onload handler the the first carousel image and load everything else after that loads).
Visit this user's website Find all posts by this user
Quote this message in a reply
03-21-2017, 04:18 AM
Post: #4
RE: Alternative to lazy load
Thanks patrick for your suggestion.
Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)