10 ways to improve website speed
![10 ways to improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/06/Featured-Blog-Images-4-1122x748.png)
Louise gave a ten minute lightening talk at the WordPress London WPLDN meetup on 28th June, on ways to improve website speed. So here are the top tips and slides from this talk.
Why is improving website speed important
Here are some stats from Google on how page speed affects conversions:
![Stats about delays in website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/Picture1-google-stat.jpg)
![](https://indigotree.co.uk/wp-content/uploads/2018/07/Picture2-google-stat.jpg)
Starting in July 2018, Google will use mobile page speed as a ranking in their mobile search results. See more information on the thinkwithgoogle blog.
Here is a list of the basic actions everyone can take to improve website speed without needing too much technical knowledge.
1. Domain DNS
- Move your domain nameservers to a fast DNS
- We use Cloudflare’s free plan
![Cloudflare](https://indigotree.co.uk/wp-content/uploads/2018/07/cloudflare.jpg)
2. Better hosting
- Google wants less than 200ms response time
- Cheap shared hosting is a false economy
- We use WP Engine for WordPress hosting
![WP Engine fast hosting to imporve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/wp-engine.png)
3. Use HTTP/2
- You have an SSL certificate don’t you?
- Check your site using this tool https://http2.pro/
- If not upgrade your hosting
![http2 improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/http2.jpg)
4. php version
- Check if you are running php 7
- If not, check your website is compatible with php 7 using this WordPress plugin and then upgrade https://wordpress.org/plugins/php-compatibility-checker/
![php 7 improves website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/php.png)
5. Enable GZIP
- Check if you have GZIP enabled on your hosting
- Use a compression checking tool.
- On Apache can use a WordPress plugin (or edit htaccess) https://wordpress.org/plugins/gzip-ninja-speed-compression/
![Compress using GZIP to improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/gzip.png)
6. Use a CDN
- Content Delivery Network
- Static content stored on servers, delivered by the server closest to your browser
- Providers include WP Engine, Cloudflare, MaxCDN
![Use a CDN to improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/using-a-cdn.png)
7. Minify CSS / JS / HTML
- This should be part of your website development process, or
- Use a caching plugin to fix this if necessary. There are lots of caching plugins including https://wordpress.org/plugins/autoptimize/
![Use grunt and gulp to improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/minify-code.png)
8. Remove query strings from static resources
- Cannot cache a link with a “?” in its URL
- We use a WordPress plugin for <head> resources https://wordpress.org/plugins/remove-query-strings-from-static-resources/
![Remove query strings that cannot be cached to improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/query-strings.png)
9. Reduce images sizes
- Compress to remove unnecessary information without reducing quality for JPEG, PNG
- We use a WordPress plugin and API TinyPNG https://wordpress.org/plugins/tiny-compress-images/
- Resize images to make them smaller
- Serve images at the correct size in your theme
![Tiny PNG to compress images and improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/tiny-png.jpg)
10. Only load code used
- Do not load every script onto every page, choose the specific pages to load specific scripts required for each page
- We use a plugin https://gonzalesplugin.com/
![Conditionally load code to improve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/loading-code.png)
11. Review external scripts
- Extra tracking codes, for example visitor analysis code
- Embedded widgets, for example online reviews
- Unused resources, for example emojis
- Review regularly and remove as many as possible to speed up your website
![Remove unnecessary scripts to imporve website speed](https://indigotree.co.uk/wp-content/uploads/2018/07/google-tag-manager.png)
Tools to measure and improve website speed
There are lots of online tools to analyse your website and find performance improvements and bottlenecks.
- Lighthouse https://github.com/GoogleChrome/lighthouse
- Google Page Speed https://developers.google.com/speed/pagespeed/insights/
- ySlow https://yslow.org/
- WebPageTest https://www.webpagetest.org/
- GTMetrix https://gtmetrix.com/
- Pingdom Speed Test https://tools.pingdom.com/
- Website Grader https://website.grader.com/
- Page Performance https://wpengine.com/fast-wordpress-hosting/
View the slides
Theme and performance reviews
To find out abut how we improved a website load time from 42 seconds to less than 3 seconds, see our blog post about speed improvements to the Grass and Holm website.
![Straight A awards for site speed](https://indigotree.co.uk/wp-content/uploads/2017/07/gh-perf-new-wpt-summary.jpg)
If you would like a free website review contact us.