Lazy loading for images in entries?

Hello

Every when and then I try to sweep my browser bookmarks. So I came across an article about lazy loading, a technique to defer the loading of website content to the moment it is actually needed. For My Little Forum the loading of images in entries comes into my mind. Here, in the project forum, it is no issue at all. But it is possible, that having images in entries is a serious issue in other instances.

Beside several JS libraries native browser support is available for most of the browsers. We would only need to add the attribute `loading="lazy"` to some or all of the image elements that gets created in the function do_bbcode_img.

Any thoughts, pros or cons?

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!

Tags:
lazy loading, images, performance, traffic

Hi Auge,

[…] I came across an article about lazy loading, a technique to defer the loading of website content to the moment it is actually needed. […] Here, in the project forum, it is no issue at all. But it is possible, that the use of images is a serious issue in other instances.

[…] native browser support is available for most of the browsers. We would only need to add the attribute `loading="lazy"` to some or all of the image elements that gets created in the function do_bbcode_img.

Yep.

Any thoughts, pros or cons?

I don’t use it my forum but in my private photography site for a while. To lazy [pun!] too search but there was a discussion back in the day on the SELFHTML Forum. If you use it without a height- and possibly a width-attribute, it is not clear how ‘large’ the page actually will be. Normally you can estimate that from the scrollbar(s). Hence, having it is fine but at least with height=foo.

--
Cheers,
Alfie (Helmut Schütz)
BEBA-Forum (v1.8β)

Hello Alfie

Nice to read from you. :-)

[…] I came across an article about lazy loading …

Any thoughts, pros or cons?

I don’t use it my forum …

Jes, this is more for the hypothetical case of a forum with photography as its topic.

… but in my private photography site for a while. To lazy [pun!] too search but there was a discussion back in the day on the SELFHTML Forum. If you use it without a height- and possibly a width-attribute, it is not clear how ‘large’ the page actually will be. Normally you can estimate that from the scrollbar(s). Hence, having it is fine but at least with height=foo.

The function do_bbcode_img reads the dimensions of the images and put these information into the img-tag (attributes height and width). So a flickering page because of the changing sizes of the images placeholder shouldn't be an issue.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!

Hi Auge,

The function do_bbcode_img reads the dimensions of the images and put these information into the img-tag (attributes height and width).

Shyte! Not in my installation. Have to change it…

So a flickering page because of the changing sizes of the images placeholder shouldn't be an issue.

Sure.

--
Cheers,
Alfie (Helmut Schütz)
BEBA-Forum (v1.8β)

RSS Feed of thread

my little forum

Lazy loading for images in entries? (Features)