10 Practices to Speed Up Your Website | Template Monster Blog

10 Practices to Speed Up Your Website

10 Practices to Speed Up Your WebsiteDo you like fast websites? 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. Maybe you’ll be confused about some specific terms but we believe that after spending some time on Wikipedia things will become clear for you. Of course we are always glad to discuss this topic in our comments section.

  • Parallelize downloads across hostnames

Actually smart usage of this method can give you amazing results. You should remember that most static resources can be parallelized and the main task is to create 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 should choose appropriate 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 important 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 that other browsers don’t support.

  • Enable compression

  • Using gzip or deflate will help you to reduce 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 improve browser rendering time.

    Well, this is about it. Those are only the basic ways for improving your website load time but it is a good set of tools for you to have something to start with. In case you’re interested in digging more deeply please feel free to browse the set of recommendations from Google on page load time issue.

    Written by Edward Korcheg

    Edward has been with TemplateMonster blog since 2009 and is a great fan of social media and web development trends (especially jQuery and HTML5). In fact, HTML5 along with retro trucks are his two biggest hobbies.

    Share this post
    • Digg

    • Twitter

    • StumbleUpon

    • del.icio.us

    • Reddit

    • Facebook

    • Design Float

    This entry was posted on Wednesday, October 27th, 2010 at 2:46 am and is filed under DesignFloat, Usability tips. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

    October 27th, 2010 in DesignFloat, Usability tips

    Need help making sense of these terms? Business Remedy is here to help. We provide website enhancement, design, and development. Give us a call 832-261-4113 or email us info@Businessremedy.net


    Leave a Reply

    Fill in your details below or click an icon to log in:

    WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out /  Change )

    Google+ photo

    You are commenting using your Google+ account. Log Out /  Change )

    Twitter picture

    You are commenting using your Twitter account. Log Out /  Change )

    Facebook photo

    You are commenting using your Facebook account. Log Out /  Change )


    Connecting to %s