Improve your website speed with basic on-page optimisation

How does your website speed fare? 

Have you ever been browsing the internet searching for products or services only to stumble across a company who seem interesting which you click on....only then to be presented with a white screen while the website loads...this is a combination of poor hosting and a poor website build! Usually, when this happens, nine times out of ten, you will click off and take your potential business elsewhere!

Now, if you are a business owner and your website performance is lacking, you are going to be losing customers...particularly those ever-increasing mobile users who browse for services while on the go...and if they use a god awful service like I do (no namEs mEntioned...) and have to rely on 3g to get their search fix, your conversions are going to be in trouble!

Website speed to combat impatience

In order to improve website speed and avoiding your conversions dropping, your need to ensure your sites performance is smooth and quick. Hosting plays a big part in this and you can get excellent value and high performing hosting from multiple companies, I personally recommend Siteground due to being superior compared to other similar priced companies and also have an amazing 24/7 online support! 

Another common problem users face when trying to optimise their website for speed is their lack of knowledge for imagery. Using images of the wrong size will hamper your load times, so it is always best to avoid using bloated, oversized images.

Image comparison for website speed and performance

Let's compare standard image types when it comes to performance, and we'll use Facebook's most popular creature...a kitten for the example.  Both images are EXACTLY the same size; 350 pixels by 217 pixels. There is ZERO noticeable difference in quality as you will see, but the PNG is not far off double the size.

JPEG - 33.2 kb

PNG - 146.7 kb

You can further reduce the sizes of these images through the use of various WordPress plugins and online image compressors. These will further reduce bottle-necking on your website where image loading is concerned. For this demo I will use TinyPNG image compression website which is a free service where you manually upload and re-download images. If you use WordPress, you can install the TinyPNG plugin from the repository which will allow you to automatically compress up to 100 existing images on your website with the free version. 

JPEG - 31.6.7 kb

PNG - 55.3 kb

You'll see after optimisation, that the PNG file size has been considerably reduced, while it's JPEG counterpart has had a light shave! It's always worth taking the extra time to make sure your images are the correct size and dimensions when creating landing pages for your business.

What about websites which already have loads of pictures on?

When you already have an established website, the last thing you really want to be doing is going through all of your images and resizing and optimising! It can be a huge headache, and huge time consumer! The Lead Cobra website is running on the 'Rise' Theme, by Thrive Themes and it gives website owners a fantastic tool which will crawl through your image library and will automatically resize and optimise thumbnails and images, as well as having a lazy load function which loads images based on the user scroll speed! This helps your website prevent loading all images up on page load, saving valuable time. Those first few seconds are vital when looking to engage a prospective client or customer.

I hope this article helped you regarding image optimisation and the benefits it will bring to your online business. If you prefer to outsource such tasks, drop us a message to discuss what you need to or ping me directly on our live chat which you'll find to the bottom right of your screen...the cool orange button! Just click it and connect with me!

About the Author Andrew - Lead Cobra

follow me on: