How To Make Your Website Load Faster :
It’s not only a matter of “good” , but of “fast” as well
If you’ve been into the business of making websites, you probably know that on the very technical side, website loading speed depends on the speed with which the client browser, your server’s capabilities regarding to speed, and most importantly the size of the code and images behind the webpage. Since we can’t affect the speed of the client (it’s fixed by his Internet provider) we’ll try to direct these tips at lowering the size of your webpage, which is sent to the client.
So let’s look realistically , what could we actually do to lower the size of the webpage ? Isn’t the stuff that’s already there very important. That’s the question most of us ask when we hear about site loading optimization. That’s true – all that stuff is important, but there are ways to achieve the same (or nearly the same) result with different resources that will make our site load quite a lot faster. So let’s begin.
Compress your images properly :
It’s true that images which are compressed beyond recognition lose lots of their quality, but if a person is careful in doing it, loses will be minimal and nearly invisible. To boil it down, lowering the quality is only really noticeable when a high-definition picture is present, if it’s a very simplistic graphic element, sometimes the size can be reduced to a tiny fraction of what it once was. And that means each load will take less time, if all images are optimized. This would require a little more reading on your side, about compression and file formats, but it’s worth it in the end.
Remove whitespace from HTML code :
HTML is structured in such a way that it can work even if it’s written on one absurdly long line. Now that, as you can imagine, would be very hard to read even for the person developing the page. Entering new lines to make your code easily readable does take space, because to visualize a new line, you need to store its place in the code. But your client doesn’t need to see the code, just the ready site. So the obvious thing to do is to parse your code through specialized software which removes the whitespace for you, sometimes reducing its size vastly.
Optimize CSS :
In a similar fashion to HTML , CSS could have four lines do the exact same thing one line does. Only this time, the difference is not in whitespace, but rather the syntax in which the code is written. The process of optimization could be done automatically, or by an expert who knows what they’re doing. A little tinkering with the CSS could also be vital for sites that depend heavy on CSS to do the styling. It can be a tremendous benefit for the loading speed of the site. One good site for that is CleanCSS.com
Break down long pages to several pages:
The effectiveness of this technique has been seen most prominently on e-commerce websites, where each page contains several products, each with a separate image (or several images) per product. Now if you were to load 100 products, that would mean the user has to wait for 100 images to load. But if you have 10 pages with 10 products each, that drastically decreases the time for one page load.