Jump to content

Site it very slow, how can I speed it up?


unplugged_web
 Share

Recommended Posts

I've been working a site that uses a lot of Javascript and in particular Jquery, but it's very slow to load on a few pages. I've tried to force it to load some of the images in a particular order by following this tutorial but that doesn't seem to make any difference. I just wondered if anybody had any advice or tips that might help me speed it up. The main pages I'm having problems with are http://bit.ly/yJDFfy - the jquery scroll doesn't load until everything else has and http://bit.ly/HQhrrF - the whole page just takes forever to load It's a portfolio site so if I can help it I'd really prefer not to compress the images at all. Thanks

Link to comment
Share on other sites

looking at it in the Network tab in Chrome, you are loading a lot of images, and they are fairly large in size. Multiple HTTP requests is a surefire way to slowdown a site. If it's possible to use sprites, that may be an option, or try and consolidate the amount of pictures you need to load at once per page.

Link to comment
Share on other sites

Yeah, I'm not sure how much it will help, but being able to reduce the amount of images needed at once would be my recommendation. Maybe some sort of pagination to only have one page/section of images display at a time, instead of everything.

Link to comment
Share on other sites

There's just a lot of stuff there, the first link downloads 137 different files to build the page, which is 5MB. The second link is 26 files at 2MB, but it takes a while to download the one image that itself is 1.88MB. It took me almost 20 seconds to download that image, so it sounds like the server doesn't have a lot of bandwidth. So you can either move to a server with more bandwidth or upgrade your account, or reduce the number of files or the file size. You can't have it both ways, you can't have a site that uses high-resolution pictures and also loads immediately. If you want to use high-res pictures then it's going to take longer, if you want it to load immediately then you need to use smaller images. That's just the tradeoff, it's up to you to find the right balance. Obviously, a faster server helps in any situation.

Link to comment
Share on other sites

I've made all of the background images into block images instead now and using image sprites to get the right areas to show at the right time. This appears to have speeded things up a bit. One thing though I've noticed, on some browsers like Safari when I click on a link on the first page there's a white box that shows before the next page loads. Is there a reason for this? I've not set a white background for any page at all so I'm not sure where this is coming from. Thanks

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...