Chat with us, powered by LiveChat
Ways to optimise your site to load faster and save bandwidth

Ways to optimise your site to load faster and save bandwidth

Refresh and F5 Icon

First and foremost, images.

You should optimise your images before putting them on your web site or blog. If you have a Mac, there’s a great application called ImageOptim that optimises a variety of image file formats including .PNG and .JPG. It will reduce the image size while not compromising on the quality of the image. The quality of the image remains pretty much the same. Windows tools include PNGOUT and SuperPNG (a Photoshop plugin).

Reduce the amount of image you use.

Use CSS3 gradients. While only the newer versions of the major browsers support them, most of your visitors will likely be using a newer version of which ever browser they’re using. Until Internet Explorer 10, you will need to use their own non-standards CSS property in order for CSS gradients to work in Internet Explorer 9 and below. However, from Internet Explorer 10 and onwards, CSS gradients are fully supported.

Browser support

Firefox 3.6 and above.

By using the non-standards -moz- CSS property.

Chrome 4.0 and above.

By using the non-standards -webkit- CSS property.

Safari 4.0 and above.

By using the non-standards -webkit- CSS property.

iOS 3.2 (iOS Safari) and above.

By using the non-standards -webkit- CSS property.

Opera 11.1 and above.

By using the non-standards -o- CSS property. From 11.1 to 11.5 only linear CSS gradients are supported.

Opera mini.

Not supported.

Opera mobile 11.1 and above.

By using the non-standards -o- CSS property.

Android 2.1 and above (Android browser),

By using the non-standards -webkit- CSS property.

Using WordPress Caching Plugins.

“WP Super Cache” is a great WordPress plugin that will cache WordPress pages so it means pages load faster especially if your blog attracts a lot of traffic. This could be the difference between requiring a more powerful hosting environment, so make use of the plugin as it can improve speediness, especially on high-traffic blogs.

Compress your CSS.

MinifyCSS.com offers a free CSS compression too that can dramatically reduce the file size of your CSS stylesheet file – and if you want the largest compression ratio, it will affect readability but then you could keep a readable and unreadable version for when you wish to make amendments. The disadvantage of compressing CSS is that if you compress it to the highest available settings, you may have to work on the uncompressed CSS stylesheet in order to make amendments, then compress the stylesheet again to save the changes to the server-side stylesheet. I’d highly recommend you compress your CSS stylesheets using this online tool.

Compress HTML.

You can also compress down your HTML code as well using free online tools.

Don’t host the jQuery library on your own web site/web server.

Do you use the jQuery library? If you do, don’t bother hosting the jQuery library on your web site. Use a free CDN that will save you bandwidth over time. For example, for jQuery 1.7.2, you can use the jQuery library hosted on Google’s servers:

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

You can also use jQuery’s own CDN:

http://code.jquery.com/jquery-1.7.2.min.js

If you have an ASP.NET web application, you can integrate Microsoft’s CDN into your ASP.NET web application as explained here or directly if you wish within a <script> src include, as above with Google’s and jQuery’s CDN.

Is your blog or site still slow?

It could be as the result of a widget or plugin you have active on your site or blog. If you do not need certain widgets or plugins on your blog, remove them as it can be another attribute of your site load performance.

Find out more about what is a Content Delivery Network.

Ben Stones

Sharing

Leave your comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.