Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /home/lauraric/public_html/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /home/lauraric/public_html/wp-includes/plugin.php on line 601
5 ways to speed up your website | Laura Richer

5 ways to speed up your website

22nd December 2016


Notice: A non well formed numeric value encountered in /home/lauraric/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Nobody likes a slow website! In this day and age, with general household internet speeds reaching up to 50mb, a slow website can be extremely frustrating to use and cause most users to give up and go elsewhere. Also, Google has now announced that site speed is now a factor in organic rankings, all the more reason to take some action into speeding your website up. Here are 6 ways to improve site speed and ensure you keep your customers engaged and not frustrated.

 

1) Hosting

The first and most important, get some decent hosting. Having decent hosting is like building strong foundations when you build a house. Strong foundations and you can go on to build a strong house, weak foundations and your house will never be as strong as it potentially could be. Buying a £2.50 a month shared hosting package from *random unknown hosting provider* is not going to give you the best foundations to work from. You can only do so much to speed a site if your hosting is crippling your site speed from the start.

This article goes into great depth, testing various hosting company speeds and analysing the results to help you decide which hosting company to go for.

 

2) Eliminate any unused plug-ins

By removing any plug-ins that are not in use you are reducing the amount of Javascript that the server needs to request every time your site loads. If you are a developer then see if there are any plug-ins in use that you could recreate in a less complex way rather than using an external Javascript plug-in.

 

3) Combine & Minify CSS & Javascript files.

Use cssminifier.com and javascript-minifier.com to combine and minify all of your CSS and JS into two single files. Just remember to keep your non minified/combined files ready for when you need to edit anything.

Minifying the files removes all line breaks and spaces from the files, thus producing a smaller file size.

Combining CSS and JS files reduces the number of requests to different files your server has to make every time a page is loaded. For example, this site had (NUM) before combining and (NUM) after.

 

4) Optimize images

Make sure all of your images are a suitable file size for web. Anything too big and they will load slow, especially when not on WiFi. If you are using Photoshop, use the Save for Web option when saving images and lower the compression to as much as you can get away with.

If you are not using Photoshop then this online tool will compress images for you. This is especially useful if you are taking images straight off your phone as they tend to be quite large files.

If you are developing in WordPress make sure you use the custom thumbnail size functionality. This allows you to create different image sizes (dimensions) out of one uploaded image. You can then call your custom thumbnail size within template files which will pull in the smaller image rather than pull in the full size version and resize it on page.

 

5) Leverage Browser Caching & gZip Compression

Enabling Browser caching allows your browser to serve up cached versions of files for a defined amount of time. This means that every time someone views your site the browser doesn’t have to get all of the files from the server, consequently taking one element out of the page load, reducing load time.

GZip compression is simply a form of file compression. Making files smaller means a smaller overall page to load.

To enable both of the above, add the following code to your .htaccess file…

 

Testing

As you go through the process of speeding your site up it is a good idea to do some testing along the way to create a marker, and also see what is and isn’t working. The 2 main ways of testing I use are tools.pingdom.com (make sure to test from the same place every time to ensure a consistent result) and developers.google.com/speed/pagespeed/insights. Both give you clearly displayed results as well as tips on how to furthermore improve your site speed.

These are just a few things you can look at if you think your site is a little sluggish. There are many more factors and things to try, if your stuck and could do with a look over your site to see if there is anything that could be done to speed it up then get in touch.

Leave a Reply

Your email address will not be published. Required fields are marked *