Recent research suggests a massive 50% of users will abandon a site that doesn’t load within three seconds. What’s more, just under 50% of users will tell their friends about their poor online shopping experiences.
Add the fact that search engines have announced that page load speed is now a key ranking factor, and Amazon’s claim that a delay of as little as one second could cost them up to $1.6bn in lost sales every year, and it’s clear that poor page loading speed is something that no business can afford to ignore.
The concept of 'loading speed' is easy enough to understand, but what actually dictates the speed at which your site pages are displayed to your viewers, and what can you actually do to improve it? Wonder no more as we highlight the top four tricks to speed up your website.
Image files can be enormous, and can take what seems like an eternity to load - especially on a mobile with slow connections. This situation is worsened if you've got multiple images on your page.
It's very rare that a viewer actually needs the quality provided by a 10Mb jpg over that provided by a 50 to 100Kb version, and luckily there are many ways to reduce the size of an image, many of which are free. Just do a search for "reduce image file size" to find a solution suitable for you.
CSS and JS minification
Put simply, the smaller the file that has to be loaded by the browser, the quicker it can create the rest of the page. Tools such as CSS Nano and UglifyJS make it easy to remove duplications, comments, white space, and shorten variable names where possible, to speed up your page.
We won't go into great detail here, suffice to say that the browser can now be told to ignore unnecessary instructions, or to do several instructions at the same time, to help to load your page in record times.