So, what methods do you use to optimise your website to make them load faster?

I'm currently in the process of starting off a new version of one of my sites, and with it, it's most beneficial if it loads pretty damned quickly - it's what sets it aside from competition.

Anywho, current methods I have are:

- Linking CSS
- Minimising JavaScript [only got jQuery linked atm]
- Image Sprites
- Hosting all Images/JS/CSS on a subdomain (a.site.com).

I'm told there are huge benefits from hosting on a subdomain, something to do with the amount of "multi-site" downloads it can have going at one time.

Anywho, any others you can think of or that?

Quote:

I'm told there are huge benefits from hosting on a subdomain, something to do with the amount of "multi-site" downloads it can have going at one time.

I think that all depends on the number of images and other external files being loaded. If its' not too many then you're probably better off sticking to the one domain to save the user having to do another DNS lookup.

Using the right image type can be very important and saving the image at the appropriate quality. I won't name names but I have been dealing with a large London based web company who were providing images at 2-3 times the file size of what they could be (without losing any quality).

I think one of the most important factors is to use a good host with a fast server. I've spent the last few days learning how to setup an Nginx based server (opposed to Apache which I have used for every other server I have ever setup). Nginx is supposed to perform better at high loads than Apache (or so I have read) - I'll let you know if I find that to be true or not.

How high do the loads have to be though? And how does it compare to Apache at reduced loads? I'm definitely going to be doing some testing of loading times of x vs y, but thought it good to get some input! =]

Not so much a method, but rather a helpful tool that I use a lot is Google Chrome's console. It shows you exactly what takes how long to load, so you can look specifically at what's slowing things down and fix the issue quickly.


Press CTRL + SHIFT + J in Chrome to access it.

Yaya, I know that - I will be using that... Cheers though Marc!

Posted By Marc on 25th Jun 10 at 7:03pm

 

Not so much a method, but rather a helpful tool that I use a lot is Google Chrome's console. It shows you exactly what takes how long to load, so you can look specifically at what's slowing things down and fix the issue quickly.


Press CTRL + J in Chrome to access it.

CTRL + J don't work for me, it brings up the Downloads window XD

Ctrl + Shift + I

Posted By dog199200 on 26th Jun 10 at 4:45pm

 

Posted By Marc on 25th Jun 10 at 7:03pm

 

Not so much a method, but rather a helpful tool that I use a lot is Google Chrome's console. It shows you exactly what takes how long to load, so you can look specifically at what's slowing things down and fix the issue quickly.


Press CTRL + J in Chrome to access it.

CTRL + J don't work for me, it brings up the Downloads window XD

Oops, it's CTRL + SHIFT + J ... my bad.

We can optimize images for website’s by using JPEG compression technology. Which saves considerable amount of image height.

Great tips to make the website load faster. I will try these tips.

Also I suggest minify website js and css. and use CDN network hosting such as cloudflare to speed up your website loading.