Can not resolve the lazy load image [2]

[Katarn]

Continuation of the bug from issue #2.

Most often, links to stubs are written in src. I think these lines are redundant:

obelisk/process-html.go

Lines 366 to 368 in 23c015a

	if (src != "" || srcset != "") && !strings.Contains(strings.ToLower(nodeClass), "lazy") {
	return
	}

But I would not bypass all the attributes in a row, but read only the values ​​​​from data-src and data-original. For example, Yandex search engine supports it:

Images are downloaded using links from the src attribute of the img tag, as well as the data-src and data-original attributes (in this case, the presence of a link to the image in the src attribute is not necessary).

[github-actions]

This issue is stale because it has been open 120 days with no activity. Remove stale label or comment or this will be closed in 5 days

[Monirzadeh]

@Katarn can you share a webpage this problem happen.

<img src="https://ik.imagekit.io/demo/img/image1.jpeg?tr=w-400,h-300" loading="lazy" />
<img src="https://ik.imagekit.io/demo/img/image2.jpeg?tr=w-400,h-300" />
<img src="https://ik.imagekit.io/demo/img/image3.jpg?tr=w-400,h-300" />

work fine for me.

[Katarn]

It’s strange, but I can’t reproduce it myself now. Looks like I made a mistake somewhere. I'm sorry.

[Katarn]

Please, try it: https://habr.com/ru/companies/tuturu/articles/781224/

<img src="https://habrastorage.org/r/w780q1/webt/js/gh/h2/jsghh2fhr6xz7zoolf2i2pwxl5u.jpeg"
     data-src="https://habrastorage.org/webt/js/gh/h2/jsghh2fhr6xz7zoolf2i2pwxl5u.jpeg"
     data-blurred="true"
     />

[github-actions]

This issue is stale because it has been open 120 days with no activity. Remove stale label or comment or this will be closed in 5 days

[Monirzadeh]

https://habrastorage.org/webt/js/gh/h2/jsghh2fhr6xz7zoolf2i2pwxl5u.jpeg

@Katarn sorry i missing this issue (maybe GitHub notification system not work prefecrt).
i test that page and i have that image you mention in final file.
the only problem i see is data-blurred="true" not remove with obelisk so image show in blur.

can you reproduce that right now?

currently i have something like this

<img src="data:image/jpeg;base64,/contentofbase64" data-src="https://habrastorage.org/webt/js/gh/h2/jsghh2fhr6xz7zoolf2i2pwxl5u.jpeg" data-blurred="true">

how do you think it should be?

[Katarn]

@Monirzadeh I probably made a mistake by creating an issue in this project. The problem is visible when using Shiori.

example.zip

I saved this file using the SingleFile extension; there is no need to look at the source code of the page.

[Monirzadeh]

so it is not problem of obelisk shiori use warc right now and we have a draft for replace that in go-shiori/shiori#481

i will close this issue and if anybody disagree we can reopen that again.

[Katarn]

I apologize for remembering the details as I go along - a lot of time has passed. The fact is that I just build shiori from the feat/obelisk branch.

[Monirzadeh]

don't worry , i test that with obelisk it self.
i will test that on feat/obelisk and if it exist there mentioned this issue there to fix
anyway thanks for report ❤️