10 Practices to Speed up Your Website
We’re sure you do just like search engines and metrics companies that use website load time as a parameter in their rankings. For website visitors waiting is one of the most annoying things on the web. And if in real life speeding is dangerous for you, in virtual world speed is essential for successful website – lack of speed means death for your website.
Nowadays such factors as user experience and user-friendliness are really important and may determine whether your website will succeed in future or not. We should never forget about our big brother Google which considers website load time as a part of their ranking algorithm.
Below you’ll find some tips and tricks that will give wings to your website.
- Parallelize downloads across hostnames
Really smart usage of this method can give you amazing results. You must remember that most static resources can be parallelized and the main task is to make a balance between all hostnames for all static objects. Anyways the main rule here is that any of your hosts must not serve more than 50%. Remember that the optimal number of hosts is between 2-5 hosts, so don’t misapply it.
- Use URL paths instead of hostnames
The main trick behind this problem is that you need to control the number of multiple properties that are hosted on the same domain. The best solution that will help you to unload these properties is assigning them to different URLs but not hostnames. For example if you need to host your blog than make it website.com/blog instead of blog.website.com. This will help you to minimize DNS lookups and allows more efficient use of TCP reconnections that will reduce the number of round trip times.
- Optimize images
Everything is simple here – you must choose suitable type for your images (choose wisely between PNG, GIF and JPG) and don’t forget to use image compressor. Also correct specifying image dimensions (width and height) allows browser to perform faster rendering
- Browser and proxy caching
These are best friends for your website – by setting up expiry date you’ll force your browser for downloading the previously downloaded resources from local disk and proxy caching will leave your original remote server in peace by using proxy servers.
- Put CSS in the Head
By placing CSS properties blocks in the header of your website you’ll improve rendering performance. Another significant thing about CSS is that you should keep in the mind that good old IE is still alive and kicking. This means you may want to avoid using CSS expressions which are good only for IE 5-7 and those other browsers don’t support.
- Enable compression
Using grip or deflate will help you to decrease the number of bytes sent over the network. Data compression for HTML, CSS and JS files are widely supported by modern browsers and sending this content in more compact form helps to reduce download time.
- Diminish content of CSS, HTML and JavaScript file
Again, it will help you save some bytes. Also you’ll reduce network latency and improve compression.
- Serve scaled images
Scaling the images in a proper way is very useful tool for your website because it reduces the number of unnecessary bytes sent by you.
- Take care about requests
Minimize HTTP request size by using server-side storage for most of the cookie payload and removing unused and duplicate cookies. Avoid bad requests such as broken links or 404 pages. Minimize HTTP redirects from one URL to another – this is another way to minimize round trip times.
- Correct order of styles and scripts
The correct order will optimize the parallelization of downloads and will get better browser rendering time.
Categories: