This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 6 - Pages: 1 - Last Post: 02-Dec-2018 14:26 Last Post By: ksmatharu
ksmatharu

Posts: 65
Registered: 2-May-2009
Gromit: Support for thumbnail image "lazy loading"
Posted: 28-Nov-2018 19:50
 
  Click to reply to this thread Reply
I've recently switched from Tiger to Gromit as I wanted separate html pages for my images. Anyway, I tend to have large numbers of photos in a folder, and so thumbnail downloading on the index pages can take a bit of time to complete. Would it be possible to implement "lazy loading" of thumbnails on index pages?

Regards.
jGromit

Posts: 7,350
Registered: 31-Jan-2006
Gromit: Re: Support for thumbnail image "lazy loading"
Posted: 28-Nov-2018 20:19   in response to: ksmatharu in response to: ksmatharu
 
  Click to reply to this thread Reply
Technically possible, I suppose, but I have no plans to implement it. It's a personal thing - I hate lazy loading, because it always makes a page feel sluggish to me. And one of the better API's for doing it doesn't work in Safari, which has too large a share of the visitor traffic to ignore. You end up having to build in a backstop method to handle the noncompliant browser.

It also sometimes kills SEO, by the way, because the search bots don't see all of the page content.

I've got some pages with over 400 thumbnails on them (about 3MB of images), and a web host that's almost 2000 miles away, but those pages load before I have time to scroll down. It clocks in at about 1MB of content per second. I have the gut feeling that lazy loading is a solution to a problem that is gradually going away (like using srcset to feed different sized images to different sized devices, to save bandwidth).
jGromit

Posts: 7,350
Registered: 31-Jan-2006
Gromit: Re: Support for thumbnail image "lazy loading"
Posted: 28-Nov-2018 20:24   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
One additional tidbit for those watching from the Peanut Gallery...

This doesn't apply to Gromit, but in my newer skins, in which I'm using JustifiedGallery to present the thumbnails, using a lazy loader is completely impossible. The script that lays out the thumbnail table needs to have all of them to construct the layout.
ksmatharu

Posts: 65
Registered: 2-May-2009
Gromit: Re: Support for thumbnail image "lazy loading"
Posted: 29-Nov-2018 18:57   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
Thank you. Totally understand your position. Regards.
ksmatharu

Posts: 65
Registered: 2-May-2009
Gromit: Re: Support for thumbnail image "lazy loading"
Posted: 02-Dec-2018 10:10   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
The issue with long download times for my larger index pages has been eliminated. What was the fix? For some reason, I had JAlbum's "Save thumbnails with high JPEG compression quality" ticked. I've now unticked it, and index page downloads are now so much faster.
jGromit

Posts: 7,350
Registered: 31-Jan-2006
Gromit: Re: Support for thumbnail image "lazy loading"
Posted: 02-Dec-2018 13:03   in response to: ksmatharu in response to: ksmatharu
 
  Click to reply to this thread Reply
Yes, that will produce somewhat better-looking thumbnails, but at the price of larger file sizes. The real killer is choosing HiDPI thumbnails, which is a big help for visitors with Retina displays, but the files end up being twice the dimensions, and often more than twice the file size.

Alas, there's no free lunch. Sharper images require bigger files.
ksmatharu

Posts: 65
Registered: 2-May-2009
Gromit: Re: Support for thumbnail image "lazy loading"
Posted: 02-Dec-2018 14:26   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
Oh my! I have thumbnails set to HiDPI...looks like I might need to experiment and find the right balance. Thanks again!
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums