Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

JavaScript gallery help

Discussion in 'Website Design Forum:' started by HippySunshine, Dec 27, 2009.

  1. HippySunshine

    HippySunshine Senior Member

    How long does this take to load for you? Robert Meredith - Cheshire Wedding Photography

    The gallery on first load seems to take FOREVER in Safari, which is not good!
    Any ides on how I can improve this as its taking so long, where it gets to the point you want to give up on this Mac.

    How is it for everyone else?
  2. Levi

    Levi Moderator Staff Member

  3. Renniks

    Renniks Senior Member

    Forever for me too :) (chrome windows 7) just so you know its not just you/your internet/levi
  4. HippySunshine

    HippySunshine Senior Member

    Thanks guys.
    So I can use that pagespeed to reduce the images?

    Im new at all the graphic details of image sizes/quality etc. so any help/advise would be much appreciated as I don't want to reduce the quality of the images if I can help it.
  5. Levi

    Levi Moderator Staff Member

    get firefox and the pagespeed plugin (does both thumbs and images) I linked to and then use the built in tools to optimise the images (resources tab, optimise images, then click optimised images and save them) :)
  6. HippySunshine

    HippySunshine Senior Member

    Thanks Levi, will give that a bash later on and let you know how I get on.
  7. Kevin

    Kevin Senior Member

    It definitely took about 3 or 4 seconds to be fully loaded. However, I sort of cheated, because I force Firefox to display everything it loads immediately rather than waiting to display an element until it is fully loaded.
  8. HippySunshine

    HippySunshine Senior Member

    It took a lot longer than 3-4 seconds on this Macbook Pro using Safari.
    Will try what Levi suggests.
  9. Jazajay

    Jazajay Active Member

    Hay Emma I can't check your file sizes or your server settings at the mo, don't have acess to my geeky tools for you so can't tell you at the mo if you can reduce a lot of time or how to advise you best on tweeking your server, but IE7 well over 30 secs for me on Vista. That will seriously hurt the sites rankings come 10.

    One solution is to use Ajax, that way you only load the first image, then display a loading gif while the Ajax function retrieves the images cache them and it will only take the user one time to download them, every other time the image will already be cached on thier system and the browser will use that instead.

    Secondly move to using object tags for images for everything but IE 6 + 7 and instead supply them via a conditional if and give them image forms, still long wait times for IE7 and IE6 users though due to those browsers not supporting them.

    With the object tag the browser doesn't download them it just gets them and displays them, big differance if you want me to walk you through any of them let me know.

    Jaz :)

Share This Page