PDA

View Full Version : Speed up or remove?



student101
01-21-2009, 12:09 PM
Ultimate Fade-in slideshow (v1.51)

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

How to not let this script slow down the page?
I tested it with a Web Page Analyzer (http://www.websiteoptimization.com/services/analyze/) and it says:
15 HTTP Requests
I also tested it with Firebug and it says:
55 requests 247 KB (0 b from cache) 18.49s and the KB's climb with each image that loads.
Without the script it says:
15 requests 69 KB (0 b from cache) 5.74s
How to speed up the site without removing the script?

Cheers

jscheuer1
01-21-2009, 04:28 PM
Are you talking about the demo page or your version?

In any case, the images must be loaded, otherwise the slideshow will not work. You may reduce the number of requests and the time that they take by reducing the number of images, their size (both in dimensions and more importantly, bytes via optimization).

Each image file used by a page requires one request. Multiple request may occur if these are being swapped, but that will be after page load and will take virtually no time, as the images will be cached by that point, regardless of what any analysis says.

Also, I'm not sure of the accuracy of those figures. For one thing, once the images are loaded, they are cached. The time it takes must assume a given bandwidth, perhaps that is set unreasonably low.

However, you may also want to consider switching to:

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

Which can be made to look just like Ultimate Fade, but uses incremental preload. That way only three images must be loaded as the page loads.

If you want more help:

Please post a link to the page on your site that contains the problematic code so we can check it out.

student101
01-21-2009, 05:54 PM
Yes my version.
I have managed to find a different slide show which seems to load quicker on my PC locally.
The website in question is furkids (http://www.furkids.org.za/)

Is the swiss army one quicker and smaller than the Ultimate Fade-in slideshow?

I cleaned up a lot in the past few days, this seems to be the fastest I can get it with the current slide show.
With my other slide show it says:
40 requests 200 KB (0 b from cache) 6.3s //Major difference in load time.
I will try an implement my other one first, if it's still slow then I will try the Swiss army.

jscheuer1
01-21-2009, 07:34 PM
There are only 20 requests from the slideshow. However the getpics files may make them count as double because the files must be requested from the server to populate the arrays, but the browser need not cache those requests, so it saves time on the client side. But the server's time in making and fulfilling those additional 20 requests figures in the page's load time. If the image arrays were hard coded to the page, there should be significant savings in time.

Swiss Army will cut down on requests made prior to 'onload' so will speed page load. With two shows, it would be 6 requests. But then requests continue after page load, slowing the initial run through of the shows slightly until all images are cached - most of these requests are made and fulfilled while an image is displayed though, so if the images are small enough and the bandwidth is high enough, they will be unnoticeable. Swiss Army can work with the getpics files, but if these are used with any script they will put the same load on the server as mentioned above.

student101
01-22-2009, 07:54 PM
I have changed the entire site to include a new slide-show! It's faster and unbelievable!
Thank you for help here.
Cheers