<h2>Lets dive deeper</h2><p>Try following some of these more advanced tips for speeding up your website. Remember to keep testing thoroughly using&nbsp;<a href="https://gtmetrix.com">GTmetrix</a>&nbsp;– However, also it’s really important to remember that achieving a 100% score is almost impossible without it having a detrimental effect on your website. Try to aim high, but be sensible.</p><hr><h2>Leverage browser caching</h2><p>For the more advanced users, you can set a rule to specify how long your visitors browsers should cache your files. As you can see in the code below, you should set rules for images, CSS, Javascript &amp; Flash. Just copy &amp; paste the below code into your <code>.htaccess</code> file &amp; set whatever dates you require.</p><pre><code class="language-plaintext">&lt;IfModule mod_expires.c&gt;
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
&lt;/IfModule&gt;</code></pre><hr><h2>Minification</h2><p>Although we aren’t sure if this word is in the dictionary yet, it is an essential element which will contribute to your website load-speed. It almost speaks for itself in that it minify’s your website HTML, CSS &amp; JS into smaller files, sometimes even combining the files to prevent further requests &amp; resources. You will see minification pop up a lot on the speed test tools we suggested previously, just follow their steps to minify the files they suggest. Alternatively, you can use&nbsp;<a href="https://cssminifier.com/">this&nbsp;online tool</a> to do the job for you.</p><hr><h2>Enable gzip compression</h2><p>We have all compressed files using our operating system for many years, Gzip Compression works in a very similar way for your website content. It compresses the content to minimise the size of the data being transferred from server to browser, therefore bringing the load time down drastically.</p><p>To enable this essential feature, try copy &amp; pasting the below code into your <code>.htaccess</code> file. You can then check if you have inserted correctly using this tool. If you wish to enable Gzip compression just add this piece of code to your <code>.htaccess</code> file:</p><pre><code class="language-plaintext">AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript</code></pre><hr><h2>Use a CDN</h2><p>If you have never heard of a content delivery network (CDN) as briefly touched upon in our previous post, you should definitely consider it if your website gets a lot of traffic, especially if it gets consistent relevant traffic from multiple countries.</p><p>A CDN will keep a copy of your website on multiple servers dotted around the world, so when a visitor accesses your site it is loaded faster from the closest location. That &amp; a CDN such as&nbsp;<a href="https://cloudflare.com">Cloudflare</a>&nbsp;offers a vast array of benefits mainly to do with site security which are essential if you are running a fast-paced website. For more information on CDN’s &amp; advice for which will best suit your requirements just&nbsp;<a href="/contact">get in touch</a>.</p>

Tutorials

Part 2 – Optimise your website for speed

<h2>Intro</h2><p>It is key to set targets and strategise a good quality SEO plan before launching a website. For details on how your general website performance can effect your search rank, start here. Over the coming months, we will be posting various blog posts regarding the complicated yet essential topic; SEO.</p><p>On this blog post, we introduce SEO as a concept to those less in the know, while offering a brief insight into some best practices when planning your businesses strategy. Take advantage of our expertise &amp; experience by implementing some of these small tips. If you need any further assistance developing a sound SEO strategy, you should&nbsp;<a href="/contact">contact our team</a>.</p><p>Performance is all important in 2017. Forget the trends when you notice them actually effecting the performance on your website. Google would much rather serve up a high-speed, fast-loading website with relevant content than an outstandingly designed yet slow loading website. Take a moment to consider the connections your users may be viewing from – Some visitors may still search using ancient connections, and if your website is over 3 or 4 megabytes in size it may take longer than they might like to load. In turn, this could cause a missed conversion in the form of a call, lead, email or sale when they decide to navigate away from your page &amp; find another similar service, probably with a competitor. To avoid this, try following these simple rules:</p><hr><h2>Images – The main culprit!</h2><p>Compress your images for web. Make sure the dimensions &amp; resolution aren’t too high. As a simple rule of thumb if you don’t know what any of this is, aim to keep the image width &amp; height under 1500px, and the overall file size under 500kb. Ideally smaller.</p><p>Your website images will probably be the largest pieces of content, and although essential they can really be chopped down in size through saving properly.</p><p>Test your images using a tool such as&nbsp;<a href="https://gtmetrix.com">GTmetrix</a>&nbsp;where you can see how long each resource takes to load on the waterfall section.</p><hr><h2>Reduce clutter</h2><p>We often get asked to redevelop websites with years of clutter in the backend which slows it down significantly. Through proper organisation of your website structure, you can easily prevent it getting cluttered with content over time. Consider the following:</p><ul><li>Store old content away properly by categorising blog posts into useful categories rather than having them all load on one page.</li><li>Remove old image content &amp; prevent hot-linking through use of <a href="https://cloudflare.com">Cloudflare</a> which is free to an extent. Hot-linking is where other website users use an image or similar directly from your website, so whenever someone loads that link from their site, it actually loads from your server. This could slow down your server response time by increasing the CPU usage over time.</li><li>Streamline your content into easy to understand section &amp; add links to good relevant pages where possible.</li></ul><hr><h2>Enable a caching solution</h2><p>You may have seen on your browser that you can clear search history. Sometimes you may have needed to do that if a page isn’t loading correctly or something along those lines. There are different levels of caching including on your browser, server &amp; others also stored within the websites server. These are meant for faster loading as the data is stored in each area ready to quickly serve to the end user. For example, Brian visits the Web &amp; Roll homepage on Monday using the Google Chrome browser. Because he has never visited this site before it takes a couple of seconds to load. The website is then stored in Brian’s browser in case he wants to visit the website again. This saves on both load time, and resources for Brian’s internet connection. This is all hypothetical of course, we actually utilise a CDN (content delivery network) which serves our website up at light speed around the world. If you want to know about this more advanced technology, speak to our team Multiple caching solutions are available for each content management system, or you can even have your web developer create some custom rules for your website. If using WordPress, we recommend W3 Total Cache, just install the basic rules &amp; you should notice your load time improve dramatically.</p>

SEO

Part 2 – Optimise your website for speed

Part 1 – Optimise your website for speed