SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75! 
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

VIews Slideshow Performance

5 years 11 months ago #117942 by Juc2
VIews Slideshow Performance was created by Juc2
Hi all,

I have a VIews slideshow with about 10 images and I am just wondering about how the images are loaded - for example does a browser #1) need to download all the images before it can begin the slideshow or can it #2) start the slideshow by loading just the first two or three images first and then load the rest a few seconds later as and when required? #2 of course would be better for performance ie less delay for the human viewing the site.

Thanks...

Please Log in to join the conversation.

5 years 11 months ago #117971 by Valentin
Replied by Valentin on topic VIews Slideshow Performance
Hi Juc2,

The tutorial would be helpful to explain how the slideshow works: www.ostraining.com/blog/drupal/views-slideshow/

If you have any question, don't hesitate to ask

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

5 years 11 months ago #117981 by Juc2
Replied by Juc2 on topic VIews Slideshow Performance

Valentin wrote: Hi Juc2,

The tutorial would be helpful to explain how the slideshow works: www.ostraining.com/blog/drupal/views-slideshow/

If you have any question, don't hesitate to ask

Kind regards,
Valentín


@ Valentin thanks but my slideshow works fine so I was just asking about performance (loading time etc)

Please Log in to join the conversation.

5 years 11 months ago #117984 by Nick
Replied by Nick on topic VIews Slideshow Performance
Hi Juc2,

It's not possible using the Views Slideshow, but it's a feature request at www.drupal.org/node/1991314 and you can add your vote to it.

www.drupal.org/project/lazyloader should help though.

You should also look into optimizing your images:
www.ostraining.com/blog/coding/webresizer/

Let us know if you have any questions and we'll be glad to answer.

Kind regards,
Nick

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

5 years 11 months ago #117991 by silverngold
Replied by silverngold on topic VIews Slideshow Performance
Hi,
I have a views slideshow with 24 images. I have it set to load all images before starting the slideshow. Google analytics is telling me something about slow loading. I"m going to change to start slide show while loading pics.....

Please Log in to join the conversation.

5 years 11 months ago #117995 by steve
Replied by steve on topic VIews Slideshow Performance
Hi Juc2 and silverngold

There is a technique called Lazy Load. That allows some images to load only when needed.

It even has a Views integration: www.drupal.org/project/views_lazy_load

However, I'm not sure that will work with a slideshow, because as soon as you reach the slideshow portion of the page, all the images are "needed"

Please Log in to join the conversation.

5 years 11 months ago #118033 by Juc2
Replied by Juc2 on topic VIews Slideshow Performance

silverngold wrote: Hi,
I have a views slideshow with 24 images. I have it set to load all images before starting the slideshow. Google analytics is telling me something about slow loading. I"m going to change to start slide show while loading pics.....


@silverngold - where can I find these settiings "load all images before starting the slideshow" and "start slide show while loading pics" ?

Please Log in to join the conversation.

5 years 11 months ago #118034 by Juc2
Replied by Juc2 on topic VIews Slideshow Performance

steve wrote: Hi Juc2 and silverngold

There is a technique called Lazy Load. That allows some images to load only when needed.

It even has a Views integration: www.drupal.org/project/views_lazy_load

However, I'm not sure that will work with a slideshow, because as soon as you reach the slideshow portion of the page, all the images are "needed"


@ Steve so what would be a use case where this module would help?

Please Log in to join the conversation.

5 years 11 months ago #118035 by Juc2
Replied by Juc2 on topic VIews Slideshow Performance

Nick wrote: Hi Juc2,

It's not possible using the Views Slideshow, but it's a feature request at www.drupal.org/node/1991314 and you can add your vote to it.

www.drupal.org/project/lazyloader should help though.

You should also look into optimizing your images:
www.ostraining.com/blog/coding/webresizer/

Let us know if you have any questions and we'll be glad to answer.

Kind regards,
Nick

@ Nick so for a hero slideshow are there any guidelines for KB for
a single image
total KB for the slideshow
total KB for the page?

eg try to avoid going over X KB weight?

Thanks...

Please Log in to join the conversation.

5 years 11 months ago #118054 by steve
Replied by steve on topic VIews Slideshow Performance
Hi Juc2

A good example for Lazy Load would be a long blog post.

For example, imagine one of our tutorials with 30 images, all organized vertically. Lazy Load would allow visitors to load one at a time as they scroll down.

Please Log in to join the conversation.

5 years 11 months ago #118056 by Nick
Replied by Nick on topic VIews Slideshow Performance
As to KB for a single slideshow image, under 25 KB would be good. The less, the better obviously.

Try avoiding over 400 KB for the total page.

Kind regards,
Nick

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

5 years 10 months ago #118566 by silverngold
Replied by silverngold on topic VIews Slideshow Performance
Hi Juc2,
Sorry,just saw this. Its real simple. Its under setting in the format. Scroll thru and its near the bottom. Lots of cool stuff there.

Please Log in to join the conversation.

5 years 10 months ago #118568 by silverngold
Replied by silverngold on topic VIews Slideshow Performance
My images are running approx. 150kb each and I have 24 on the slide show. Each image begins as a pdf for print at approx. 900KB. and 300dpi. Converted to jpeg and 72dpi for web. Our print products are crisp and clean. Sadly, images are losing some clarity on smaller text.

Please Log in to join the conversation.

5 years 10 months ago #118589 by Valentin
Replied by Valentin on topic VIews Slideshow Performance
Hi silverngold,

To optimize images for web (72dpi), please take a look to this tutorial: www.ostraining.com/blog/coding/webresizer/

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

5 years 10 months ago #118597 by silverngold
Replied by silverngold on topic VIews Slideshow Performance
Hi Valentin,
Awesome, will do.

Please Log in to join the conversation.

5 years 10 months ago #118598 by Nick
Replied by Nick on topic VIews Slideshow Performance
Thanks! Let us know if that works well for you.

Kind regards,
Nick

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

5 years 10 months ago #118599 by silverngold
Replied by silverngold on topic VIews Slideshow Performance
Kinda cool. I"m going to resize in photoshop and make dpi smaller and keep checking on quality and find maximum efficiency.

What about videos? I have noticed some of mine are 30mb or larger. Wistia is the host. Wondering if my site needs to load all 30mb or if it is coming from Wistia? Would love to hear your thoughs. Thanks.

Please Log in to join the conversation.

5 years 10 months ago #118600 by Nick
Replied by Nick on topic VIews Slideshow Performance
Hi silverngold,

Glad that will work for you!

Wistia will automatically optimize the videos on their and then display the one size it feels is best based on the user's internet connection speed (and some other factors too).

Kind regards,
Nick

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

5 years 10 months ago #118626 by silverngold
Replied by silverngold on topic VIews Slideshow Performance
I guess my question is; with videos being 10,20,30 MBs, do pictures with KBs matter much in terms of speed or is it nuance?

Please Log in to join the conversation.

5 years 10 months ago #118638 by steve
Replied by steve on topic VIews Slideshow Performance
Yes, because videos are often hosted externally. They won't start to download until you start to play them, and then they often download only the next small segment (that's called buffering).

Please Log in to join the conversation.

5 years 10 months ago #118686 by silverngold
Replied by silverngold on topic VIews Slideshow Performance
Awesome. I'm using Wistia, so Wistia uses the memory and not my host?

Please Log in to join the conversation.

5 years 10 months ago #118689 by Nick
Replied by Nick on topic VIews Slideshow Performance
Hi Silverngold,

Yes, that's correct. It uses their bandwidth too (for the video portion).

Kind regards,
Nick

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!