Web design and hosting, database, cloud and social media solutions that deliver business results
  • Business Solutions
    • Robotic Process Automation
    • Bespoke Software
    • Database Services
      • Data Integration
      • Datawarehouse Services
      • Power BI
      • Server Upgrade and DBA Services
    • Web Services
      • Logo Design
      • Payment Gateways
      • Web Localisation and Translation
      • Web Site Optimisation
      • Web Site Security
      • Technical Tools
    • Cloud Services
      • Amazon Web Services
      • Google Cloud Services
      • Microsoft Azure
    • Microsoft 365
      • Enabling the Multi Factor Authentication Application
      • Office 365 DNS Settings Generator
    • IT Hardware
    • Social Media Services
  • Academy
    • Our Test Environment
    • Learning Databases
      • The Basics
      • Get Open Query
      • SQL Server Data
      • SQL Server Maintenance
      • Using SQL Server Dates
      • Using SQL Server Functions
      • Using SQL Server Pivot-Unpivot
      • Technical Tools
    • Learning Web Design
      • Building Ousia Content Management System
      • Using ASP-NET
      • Using CSS
      • Using JavaScript
    • Learning Cloud and IT Services
      • Task Scheduler Error 2147943645
      • Blocking Blank Senders
      • Requesting SSL and Generation of PFX file in OpenSSL Simple Steps
    • Using Social Media
      • Asking for a Google Review
      • Changing a Facebook account from personal to business
      • Choosing where to focus Social Media effort
      • Social Media Image Sizes
      • Using Meta Data to set Social Media Images
  • About
    • Blog
      • Building an entry level gaming machine
      • Google Core Update Jan 2020
      • Hot Chilli Internet Closure
      • How To Choose Content For Your Website Adverts Leaflets
      • Preventing Online Scam
      • Skimmers of the gig economy
      • The most annoying things about websites on the Internet
      • Top 5 websites for free Vector Graphics
    • Careers
      • Translator English-Japanese
      • Translator English-Portuguese
      • Translator English-Spanish
      • Translator English-Turkish
    • Portfolio
    • Regulatory
    • Team
      • Chester Copperpot
      • Gavin Clayton
      • Sai Gangu
      • Suneel Kumar
      • Surya Mukkamala
English (EN-GB)English (EN-US)Español (ES)हिंदी (HI)italiano (IT)日本語 (JA)Português (PT)

Web site optimisation techniques and best practice

Website optimisation can take many forms, from minimising the number of requests through to optimising files by reducing their size.

What is web site optimisation?

Optimising Web Sites

Anyone can build a web site, but a poorly written one can be a sinkhole for money, time and effort.

Understanding some of the principles behind what makes a good web site work well, even at a low level on both the technical and content side should give you an edge over your competitors.

We've added a contact us form at the bottom if you want to easily get in touch, and we will happily set up some time to go through what problems you think you have, and whether there may be some easy fixes or steps to get you back up to speed.

To keep this article shorter, we've split out sections into easier to manage chunks. First off we've written about what Search Engine Optimisation is as understood by most people, then we've moved onto natural content, and then the technical aspects (site optimisation) around web site with optimal performance.

more: What is Search Engine Optimisation?

Keep your content natural

Don’t write a blog post just for the sake of it, a poorly written article can hinder your site rather than help it!

When written well, and written for your reader rather than the Search Engines, the pages will naturally contribute to the keywords on your site, then be patient, the traffic should come.

We do not particularly recommend using link building schemes, even so called "white hat" ones, as links should hopefully grow over time.

more: How do I keep content natural for my web site or blog?

Should I use blog pages, micro-site(s) or landing pages?

A landing page is generally any page that the user first lands on when they arrive at your site, so could be the home/about page, a blog post, product page or lead capture page.

There are however a number of ways to capture or focus the attention of your reader.

more: I need help choosing between a blog, a micro-site, or landing pages?

Keep your web site and users safe

Having a site with a padlock shows most end users you care about their safety, and aren't a fly by night cowboy.

It may slow your site down slightly, but this is now worth adding, and is a must if you plan to sell items online or allow members of the public to login and use your site.

Google is now using HTTPS as a page ranking signal, meaning that secure sites get a slight boost compared to their rivals not using it. In the future it is probable that websites that sell things online using standard HTTP or a weak certificate will also get punished in their page ranking.

more: Should I use HTTPS for my web site?

Use a Content Delivery Network (CDN)

A Content Delivery Network is a great way for higher volume sites to push their content closer to their end users, but isn't necessarily for everyone.

If your site receives a low amount of global traffic then this can be pointless, because you just end up adding an extra step in sending the data to your customers.

more: Should I use a Content Delivery Network?

Minimise HTML

This is a bit more simple than most people realise. When sites are in development, most programs will insert tabs before elements to make it easier to read for humans. 

While this is great in development, it considerably increases file size and server resource usage. A simple fix can be to use shift+tab in Visual Studio until all items are left aligned.

This simple trick can save thousands of bytes per request.

more: How do I minimise HTML?

Minimise CSS

Like our HTML page, CSS is generally built with a lot of white space to make it easier to read, when releasing to live, strip this out, the only people looking at your code will be nosy web developers! Also remove comments where possible, these are getting sent but never read.

Please feel free to use our free tool which strips out these comments, unnecessary white space and tidies up a few other bits. Alternatively run your site through PageSpeed insights and use the data they send back.

more: Optimise CSS for a faster web site

Minimise JavaScript

As with our HTML and CSS pages, JavaScript is generally built with a lot of white space to make it easier to read, when releasing to live, strip this out, the only people looking at your code will be nosy web developers!

Please feel free to use our free tool which strips out some comments, unnecessary white space. Alternatively run your site through PageSpeed insights and use the data they send back.

more: Optimise JavaScript for a faster web site

Reduce number of requests

Most sites are now built using one of the many website builder tools available like WordPress and/or with rapid deployment technology like Bootstrap and Angular, but these can bloat the number of files included on your site, causing first page load times to be slow while the browser does multiple requests to download the various files.

If you have access to the back end of your site site then it is generally a good idea to try and combine similar files into one request.

Mobile First

Design your sites to work properly on mobile devices, then add additional improvements for users on desktop displays. Mobile devices now account for around half of all searches worldwide, and Search Engines are clever enough not to send a mobile to device to an non optimised page.

If your site is not mobile friendly you could be losing 50% of your potential traffic. If this is the case then it may be worth looking at getting your site looked at.

Optimize images

Images generally account for the large proportion of data within each request. 

There are a number of free online and offline tools that can be used to optimise each image, we have listed a few of the below and will be adding to them over time;

png (Portable Network Graphics) - features lossless data compression algorithm for images.

  • TinyPNG (online converter)
  • ImageOptim (Mac app and web service)
  • pngquant (command line executable we use as part of OusiaCMS)
  • pngout (command line executable we use as part of OusiaCMS, after pngquant)

jpeg/jpg (Joint Photographic Experts Group) - a lossy compression algorithm for images.

  • TinyJPG (online converter)
  • jpegtran (command line executable we use as part of OusiaCMS)

svg (Scalable Vector Graphics) - xml based vector images.

  • svgminify (online service)
With svg, ensure your web server has enable compression for it (see below).

Enable compression

Compression reduces the file size on the server using various algorithms to before sending the visitors device which then decompresses the data and uses the file as normal. The most commonly supported compression methods are listed below;

  • GZip
  • Deflate
Not all compressible items are necessarily enabled by default. Items that benefit from compression include;
  • HTML
  • CSS
  • JavaScript
  • SVG - Not compressed by default IIS settings
  • XML

If possible and you use a Content Management System, enable dynamic compression as well. Further reading on how to set up compression on your web server.

Enable Compression (Google)

Get in touch if you would like a report on your website.

We realise that not everybody has full knowledge of how and what to change when it comes to designing a website. If you would like a report on your site then get in touch and we will send one out for you.

What SEO can we help with?

The SEO services that we provide are;

  • Social Media
    • Choosing the right platforms
    • Set up
    • Branding
    • Ongoing management
  • Web Site Optimisation (We know users of our CMS have one of the fastest available, but we are happy to work with any provider you use)
    • Optimising Images
    • Optimising CSS and JavaScript
    • Mobile friendliness.
    • Identifying other areas for improvement
    • Website design (where necessary)
  • Content analysis and usefulness
    • Navigation and menu ease
    • Identifying content that can be improved and refreshed, or stripped out
    • Ease of getting in contact
    • Linking to social media platforms

Free testing tools

There are a number of tools available to test your site. We use the following to analyse every site we build. 

We've also highlighted some of the major pitfalls and where possible, how to negate them.

Structural testing tools;

  • Google PageSpeed Insights (online, provided by Google)
  • YSlow (Installs to your browser, available in Chrome, Firefox and Safari + a few others)
  • GTMetrix (analyses your site with reports from PageSpeed and YSlow)
Load time testing tools;
  • dotcom-monitor (tests your site from various locations around the globe)
SEO testing tools;
  • SEO site checkup (various improvements and recommendations)

One thing to note is that if you test the same site in all of these tools, they may give you conflicting information. Also remember they are only guides, not always 100% accurate, and some errors may be outside of your control.

Copyright Claytabase Ltd 2020

Registered in England and Wales 08985867

Site Links

RSSLoginLink Cookie PolicySitemap

Social Media

facebook.com/Claytabaseinstagram.com/claytabase/twitter.com/Claytabaselinkedin.com/company/claytabase-ltd

Get in Touch

+442392064871info@claytabase.co.ukClaytabase Ltd, Unit 3d, Rink Road Industrial Estate, PO33 2LT, United Kingdom

Partnered With

The settings on this site are set to allow all cookies. These can be changed on our Cookie Policy & Settings page.
By continuing to use this site you agree to the use of cookies.
Ousia Logo
Logout
Ousia CMS Loader