Archived topic

using hide-on feature with lazy load

3 replies · Started by Ricardo on January 12, 2021

Viewing posts 1–4 of 4

January 12, 2021 at 8:00 am #1615936

Hi,

I'm trying to understand if it's a good idea to show different images according to the screen.

So, if I'm on desktop I could should 3:2 images, but on mobile 1:1.

I could use blocks with hide-on class and manage that.

But my doubt is if, even using lazy load, it will load the 2 images or only 1.

What do you think about it?

Do you have any tip for this scenario?

Thanks in advance,
Ricardo Pons

January 12, 2021 at 8:31 am #1615987

Hi there,

personally i don't change the aspect ratio of an image for different device sizes unless i am want to show a small thumbnail image ( 150px or below ).

Hidden Images may still make the addtional Network Request, so i would advise against this.
If needed you can use CSS to resize the images on mobile devices.

January 12, 2021 at 8:45 am #1616012

Thank you for your thoughts and knowledge on this topic!

Regards,
Ricardo

January 12, 2021 at 8:54 am #1616020

You're welcome

This archived topic is closed to new replies.

Start building better websites today.