lazy loading

[jano31coa]

Hello,
First, thanks for thumbsup, it really is something I have been looking for a long time. As a non professionnal in programming, it is the perfect. I just used the docker release in a Debian VM.

I know lazy loading had been discussed previously but is now very easy to implement I think, Because now web browser handles it on their own (see mozilla)

Actually I did myself by replacing all alt= with loading="lazy" alt= in the index.html file with notepad. I have an album with ~2000 elements and it changes everything. Without it the page takes ~5-10 seconds to load from external USB drive (so maybe longer if hosted online). With it it is instant.

Do you think this could be implemented ? I could do it but I wouldn't know where to start :)

Best regards,
JR

[rprieto]

Hi @jano31coa, thanks for raising this and for the detailed investigation. This is very good news!

This is typically something that would be implemented by the themes. However… most (all?) themes rely on the central thumbnail.hbs partial view that ships with Thumbsup itself: https://github.com/thumbsup/thumbsup/blob/master/src/website/theme-base/partials/thumbnail.hbs This means changing it here will benefit everyone.

The only test I can think of is that this might affect the official flow theme, which does a dynamic layout based on each photos size: https://github.com/thumbsup/theme-flow

Do you mind trying to download the theme, add the loading="lazy" attribute, and check if it still works? You can point to your local modified theme using --theme-path <…>.

If it works then you can make a PR for the thumbnail.hbs change and we can have it shipped soon!

Thanks