picture tag loads all images in the background

Resolved Gerard Blanco
(@sixaxis)

7 years ago
Hi guys,

I’ve found an issue with your plugin. If you take a look at the page I’m attaching and check the developer tools, you’ll see the following:
– The images you see are .webp
– All of them are loaded via the <picture> tag
– The <picture> tags were generated by ShortPixel’s WebP feature, except the last image (ggggg.webp), which is a manual HTML code.
– The lazy load feature works correctly for the .webp images, but the .jpg and .png are loaded anyway, when loading the page (https://i.imgur.com/fAhrR9Q.png), thus making the lazy-load feature useless.
– If your plugin is disabled, only the .webp images are loaded.

Could you take a look at this, please?

Thank you,
- This topic was modified 7 years ago by Gerard Blanco.
The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author Florian Brinkmann
(@florianbrinkmann)

6 years, 12 months ago

Hey Gerard,

I tried to visit the site but it seems that it is not online anymore. Could you publish it again?

Thanks,
Florian

Thread Starter Gerard Blanco
(@sixaxis)

6 years, 11 months ago

Oops, sorry, Florian.

Now it’s good again.

Plugin Author Florian Brinkmann
(@florianbrinkmann)

6 years, 11 months ago

No problem 🙂

Hm, I get a »site not found« error when clicking the link. Is there a typo in the URL?

Best,
Florian

Thread Starter Gerard Blanco
(@sixaxis)

6 years, 11 months ago

Hi Florian,

Sorry, my bad. Let’s start over with a different website: http://test.gerardblanco.com/
– The images you see are .webp
– All of them are loaded via the <picture> tag
– The <picture> tags were generated by ShortPixel’s WebP feature.
– The lazy load feature works correctly for the .webp images, but the .jpg and .png are loaded anyway, when loading the page (https://i.imgur.com/fAhrR9Q.png), thus making the lazy-load feature useless.
– If your plugin is disabled, only the .webp images are loaded.

Plugin Author Florian Brinkmann
(@florianbrinkmann)

6 years, 11 months ago

Hi Gerard,

thanks, seeing it now 🙂 I will try to reproduce that via the ShortPixel plugin locally and hopefully find a fix for that. I will keep you posted here.

Best,
Florian

Plugin Author Florian Brinkmann
(@florianbrinkmann)

6 years, 11 months ago

Hey Gerard,

I think I found the problem. Could you give the beta version a try that I released on GitHub? https://github.com/florianbrinkmann/lazy-loading-responsive-images/releases/tag/v5.0.0-beta.1
It is the lazy-loading-responsive-images.zip.

That would be great.

Thanks,
Florian

Thread Starter Gerard Blanco
(@sixaxis)

6 years, 11 months ago

Looks like it’s half solved. Now the 1st issue is solved but the lazy-loading doesn’t seem to work. All the WebP are loaded at once: test.gerardblanco.com

Any ideas?

Plugin Author Florian Brinkmann
(@florianbrinkmann)

6 years, 11 months ago

You mean they are loaded directly on page load? I cannot reproduce that, for me they are loaded lazily: https://cldup.com/2-0ySrAPCS.png

Maybe try to clear the cache, I don’t know if maybe lazysizes recognizes if an image is cached.

Thread Starter Gerard Blanco
(@sixaxis)

6 years, 11 months ago

You are right, it works with that beta. Thanks!

Plugin Author Florian Brinkmann
(@florianbrinkmann)

6 years, 11 months ago

Great to hear that, thanks for testing! Will release the new version after getting feedback on another bug.

Best,
Florian

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘picture tag loads all images in the background’ is closed to new replies.

Tags