How to Make a Website Load Faster - Optimizing Website Loading Time

How to make a website load faster is not difficult to do. You have to consider this when doing a website because you don't want to have a very slow loading website which will lead you to a zero visitor. People have no time waiting for your website to load. They tend to move to another website if they feel that your website is taking forever to load.

Some things to look up that might be causing your website to load so slow and should take into consideration.

Images and Graphics :  You should optimize you images in order for it to load faster.  If you use jpeg in your web pages, try to compress it with a jpeg compression tools such as JPEG Compressor. These tools will optimize your jpeg images for up to 70% without noticeable effect. It's all up to you to see how much compression does it take for your images without losing its quality. If the image is say for example 100kb. and you optimized it into 70% then you end up having 30kb.

For images containing flat illustrations or artwork, use the 8-bit PNG or GIF format and reduce the number of colors in the palette.  By reducing the color palette from 256 to something like 32, you greatly reduce the size of the file. The less colors that the image has, the smaller the file size is going to be. Some image programs such as PhotoShop or ImageReady allow you to save the image for the web and fine-tune the image settings.

Java Scripts and CSS: Using external Java Scripts and Css will produce faster pages because these files are cached in the browser. If  JavaScript and Css are in-lined within your HTML documents, it will be downloaded every time the HTML document is requested. This will reduce the number of HTTP request that are needed but increases the size of the document. However, if the JavaScript and CSS are in external cached by the browser, the size of the HTML document is reduced without increasing the number of HTTP requests.

In optimizing your CSS files, one of the most important measures you can do is to use every declaration just once. Using every declaration just once means making strict use of selector grouping. These are the most common thing when coding CSS files sometimes we just keep on writing the code not knowing that we can keep it simple and optimized to somehow avoid having a large document.

Sometimes we code like this :

h1 { color: black; font-style: italic; font-weight: normal; }

p { color: black; font-style: italic; font-weight: normal;}

when we can combine into a single rule like this:

h1, p { color: black; font-style: italic; font-weight: normal; }

Always remember that a logical way to make your website faster is to make the client code you send to the browser smaller. the smaller the file is the faster it will load. If you will optimize all what is in your document  before uploading to your server you will save a big fraction of what is not really necessary. You did not ruin anything from your website, you just optimized it and lessen its weight. You still have the same look and the same function. You just made a housekeeping in your website so that it will load faster not just a user friendly but at the same time a search engine friendly website.