1 in 4 users abandon a web page if it takes longer than 4 seconds to load. Here are some great tools and tips to help speed up your site!
Everything nowadays is focussed on speed; 4G, Amazon Prime and now contactless payments. The same goes for websites. If it takes an age to load the user is going to go elsewhere.
Why is it bad to have a slow website?
A slow website will frustrate the user which could leave a bad impression for your company, but there are also a couple of other things that will be affected…
It will cost the user money
Try out this tool created by WebPageTest which will tell you how much a user would be charged to load your website around the world. The heavier the page, the more the user has to download on their mobile phone eating up their data allowance.
It will affect SEO ranking
Google has included site speed in its algorithm to rank pages. When the Google crawlers take longer to crawl the pages of a website, it’s likely they won’t look at much of the website.
Check out these statistics from WPO Stats…
- Amazon sees a 1% decrease in revenue for every 100ms increase in load time.
- When YouTube introduced a version of their pages that was 90% lighter, they saw a large increase in traffic in areas with poor connectivity such as Southeast Asia, South America, Africa and Siberia.
- Google finds a 500ms increase in page load results in 25% less searches.
How do I find out the speed of my site?
There’s a few great tools out there to analyse your website and suggest ways on improving site speed. Here’s what we tend to use:
- Google Page Speed Insights (https://developers.google.com/speed/pagespeed/?hl=en)
- GTMetrix (https://gtmetrix.com/)
- Pingdom (http://tools.pingdom.com/fpt/)
What can I do?
To improve the speed of your current website there’s a few quick wins you can look at.
Most websites are image heavy. It’s easy to have a CMS and change images but the images you add to must be the smallest file size possible. This chart shows the proportion of page weight made up by images.
My favourite image optimisation site is TinyPNG. It lets you upload both PNG and JPGs and will give you back an optimised version without reducing the quality of the image.
Try to use JPGs instead of PNGs where you can. A PNG image is often much larger in file size.
Minify CSS & JS
Minifying simply means stripping out whitespaces and comments from CSS and JS files which reduces the overall file size drastically. These files can be reduced by 80%. If your website is built with a task runner such as Gulp or Grunt, it may do this already but here’s some online tools if you need them:
Lighten Up your page
If you’re struggling to improve the speed score, then you may have to look at the design of the website. Is everything on your page necessary? Do you need that carousel? You could even look at the fonts that are used because if you are importing a font-face then you shouldn’t really be using more than two.
If you are interested on finding out more, I’d recommend watching some of the resources below:
- Designing for Performance: http://designingforperformance.com/
- Dean Hume – https://vimeo.com/134828218
- Yesenia Perez-Cruz – Design decisions through the lens of Performance – https://vimeo.com/135448379
If you’d like to talk to a member of our team about optimising your website, call us on +92 320 4116655 or email firstname.lastname@example.org.