Defer loading images & adaptive images

Hello, Stuart,

Actually, there is no reason why this technique should not work with our plugin! We are using it ourselves when you enable the “CDN support” option. Of course, in order for you to use this option you need to have a CDN, too.

Are you sure what you describe is happening? How did you test it? May I have a look at your website myself?

Cheers,
Takis

Hi Takis,

Firstly thanks for getting back to me so quickly. Well this makes me super happy!!! Its a great technique isn’t it. By

you need to have a CDN

Do you mean my images need to be served using a CDN? I tested by remote debugging Safari & Chrome (from iPhone 6 and a Nexus 7). And checked my server and the only images in the cached directory were the ones that weren’t being deferred. Currently the images are all just on my server.

Would you mind if I emailed you a link to the website?

I mean that IF you enable the “CDN support” option THEN you need to have a CDN. Otherwise it is kinda pointless!

Of course you may email me your website at info[@]nevma[.]gr!

??

Sorry to start an old thread. You have mentioned deferred image loading by Varvy. Can you please guide me in setting it up on my website sprybag.com.
I tried searching around but couldn’t find anything helpful.
Thanks

Hello, there,

If you are not using a CDN or some other kind of caching layer (like Varnish) then there is nothing special that you need to do in order to get the Adaptive Images plugin with deferred (lazy) image loading. In this case all your images work transparently as before, but they are resized in the background (according to the plugin settings).

If you do have a CDN or a caching layer then it really depends on your technique. If the deferred images technique takes into account the src attribute of each image then it should work OK with the Adaptive Images plugin. If not, then, well, it is really hard to predict. Sorry about that, but that’s just how browsers work.

Now, I could add that, if you do not have too many images in each web page, then you do not really need both a deferred images and the Adaptive Images plugin. It’s not that it is inefficient to do so, but you do not gain much from using both of them at the same time.

Let me know if there is anything else you need!

Cheers,
Takis

Hi,
Maybe I didn’t make it clear, sorry. I need help with setting up the Deferred image loading on my site and need a bit guidance as to where to add the javascript and how to set up the data-src attributes.
Regards,
Resham Panth

Hello, Resham,

Well, I believe that, if you are not using a CDN or some other kind of caching layer (like Varnish), then there is nothing you need to do! The Adaptive Images plugin will work nicely already.

But if you are using a CDN or some other kind of caching layer (like Varnish), then things are a little complicated. You have to manually add a url parameter like this: resolution=360,1. The number 360 should be the width of the device screen and the number 1 should be the screen’s device pixel ratio. Also, this information is being stored in a special cookie whose key name is resolution.

Cheers,
Takis