Top 7 ways to speed up your website!

Top 7 ways to speed up your website!
Digg Topic • Tag topic on On del.icio.us • Technorati Search • Post to Slashdot

You are currently in Hardware, Internet, Networking, Comms and Security

Thu Oct 25, 2007 10:12 am	Reply and quote this post

Host Images And Files Somewhere Else
Many users online at the same time can cause your server to handle a lot of requests. Its best that if you are using images in your site, make sure you upload them to image host sites like ImageShack. This will greatly reduce the bandwidth used by your server and also make your blog faster as image upload sites have a better speed.
Best place to host files of sizes 2-5mb (Any thing you need to provide users for download) is to use Google Pages as your host.
Also, try Amazon S3 for your core site images.

Optimize Your CSS
Nowadays many sites have started to use CSS based formatting. Even if Style Sheets are naturally more efficient than HTML tables you can still optimize the CSS code to make your website cleaner and faster. Having a clean CSS can reduce the time taken by the clients browser to decode your site.

Manual Clean
Try to locate dispersed code and aggregate it together.
For example instead of

Code:

margin-top: 20px;

margin-right: 10px;

margin-bottom: 20px;

margin-left: 10px;

Write

Code:

margin: 20px 10px 20px 10px;

You can use the tool Clean CSS to optimize your CSS and remove useless property declaration and whitespaces.

Optimize Your Images
Use image formats such as PNG, JPG,/JPEG And GIF. Always use the â€œSave for webâ€ image quality which is available in most softwares such as Adobe Photoshop.

Use Height/Width Tag In Images
Most people dont add hieght and width tag to images. These tags make sure that the browser knows the dimensions of images before it has completed downloading the image. If the browser does not see those tags it will need to figure the size of the image, then load the image and then load the rest of the page.

When the height and width tags are included the browser will automatically know the size of the image. As a consequence it will be able to hold a place for the image and load the rest of the page simultaneously. Apart from the improvement on the load time of the page this method is also more user friendly since the visitor can start reading the text or other information while the image is being downloaded.

Use Less Javascript!
Some people tend to add a lot of javascript effects to their site. Using excessive javascript animations may cause clients browser to freeze for some time annoying the user.

Optimize Links
Make sure that the outlinks from your blog and link between posts are optimized well. For example if link is www.domain.com/blog make sure you write it as www.domain.com/blog/ to prevent one extra request which would be made to the server if the former link is used.
The improvement on the loading time of links ending with a slash will not be astronomical, but when it comes to speeding up a website every small bit helps!

Reduce HTTP Requests To Server
When opening a web page every object (images, scripts and the line) will require a round trip to the server. This latency can add several seconds to the load time of your site. Make sure to reduce the number of objects and to combine CSS files and scripts together.

...or use YSlow with Firebug.
http://developer.yahoo.com/yslow/

More on optimizing images: use PureJPEG and PNGOUT to strip down junk metadata from your files. It's free bandwidth, it can't get better than this, folks!

PureJPEG: http://www.yafla.com/papers/purejpeg/filter_unnece ...
PNGOUT: http://advsys.net/ken/utils.htm

mod_deflate also saves real load times and also bandwidth!
http://httpd.apache.org/docs/2.0/mod/mod_deflate.html

Contributed by Editorial Team, Executive Management Team
372659 iVirtua Loyalty Points • View Profile • Send Private Message • Back to Top

Related Articles
3 Easy Ways to Speed Up CSS Development While S... The 5 Most Embarrassing Ways to Die in an FPS 10 Ways to Tell You're a Noob in Halo 8 Ways a Competitor Can Sabotage Your Site 5 ways to build your own outdoor cinema Sony boss looks for new ways to offset PS3 ... 50 Ways to confuse, worry, or scare(!) in a com... Making a website

Page 1 of 1