Why your website isn’t as fast as it should be…
On August 24th, 2011 Martina wrote on the subject of Datadial,Hosting,Inspiration,Internet,SEO,Software,Usability,Web Technology.
Imagine…
…a wheelbarrow in an open field that you drag along every day filling it with this and that – each thing you add to it has some significance and some use.
Now imagine you never empty the wheelbarrow. Each day, not only do the things you found the week before now lie at the bottom covered by the newest additions, but the device also becomes increasingly heavy to pull until eventually, it becomes almost impossible.
Now think of the wheelbarrow as your website, and think of its contents as the factors affecting its speed – Let’s explore these factors…
Bad HTML:
- Empty spaces between code (This only adds to processing time)
- Missing tags (Causing internal errors & bugs in the site)
- Bulky HTML (such as using unnecessary tags where something more CSS compatible would work better e.g. using the tag “font-size” rather than just “small”)
- Background colour being the same as text colour (making all text unreadable)
- Hyperlinks that fail (Devaluing your site in terms of credibility, and possibly increasing bounce rates)
- Missing images
An overload of HTTP requests:
Whenever your web browser fetches a file from a web server, for example when it loads a picture, it does this by using HTTP which stands for “HyperText Transfer Protocol”.
HTTP is an action whereby you’re computer requests for a particular file. One example is a request for ‘home.html‘ (the homepage of a particular website). The web server then sends a response to the computer that says something like: “Here’s the file you asked for” which is followed by the actual file itself.
Understandably, if your server is receiving a very high volume of requests for a range of different things, such as pictures, graphics, photographs, music players and video rendering, it can take its toll and end up really slowing your website down.
JavaScript/Flash overuse:
JavaScript helps make things look nice. Lines of code enable things such as widgets, adverts, and analytics services to work successfully. The issue is that both kinds of software can be “heavyweight”. JavaScript performs ‘sequentially’ rather than ‘concurrently’ – this means that nothing else loads before JavaScript loads. Of course, this becomes an issue when you have tonnes of JavaScript code, each one longer than the last, preventing anything else from happening.
Too many cookies:
HTTP Cookies are used mainly for personalization and authentication purposes. A series of saved information is exchanged between the web server and the browser in order to remember things about how you are using the internet. For example if you are shopping online and exit the website returning at a later date, a cookie will enable the site to remember what you had in your shopping cart so you don’t have to spend time finding the same items again.
However, because saved information is being kept on the server, a build up of this can add to the process time on a website. In some cases, hackers even use cookies as an opportunity to track browsing activity; this is called spyware…so beware!
Bad hosting:
Web hosting is the business of providing storage space and access for websites. Bad web hosting happens when said storage space is overloaded with many websites, yours is added to the list and so runs slow. Other issues caused by a bad web host include:
- Search engines being unable to crawl your site resulting in a fall in Search Rank
- Your website being “down” (not working, sending out 404-errors)
- Not being able to contact your web host to fix the issue (since the service is so bad the system has probably crashed)
Excess of external media:
Embedded YouTube videos, actually embedded anything that is coming from another website can potentially slow yours down. When you embed something from another site, you are relying on that sites web server, that sites speed, and that sites ability to ensure the embedded item is working properly there, so that it works properly on yours site. Often, even when it works just fine, it might add an extra few seconds to a certain page loading…a few seconds a potential customer may be unwilling to wait!
Spam:
Spam is so much more than just a bunch of annoying emails. It slows down the Internet and it increases consumer fees.
The internet is a network where spamming effects everyone that uses it. To push spam around the internet relies on a process; it begins with global networks that pass the spam along to their destination, and ends with the message being received by the recipient.
Simultaneously, time, money and resources are used trying to catch and prevent spammers from infiltrating mail servers resulting in higher costs to the consumer because providers are forced to add more security to their servers and hire more staff to manage and prevent the problem.
Be sure to spam proof all web forms by adding “captchas” or similar.
Favicon neglect:
A ‘favicon’ is an image (as shown above) that stays in the root of your server. It’s definitely needed because even if you don’t care about them, the browser still requests one. If there isn’t one, it will respond with a 404 error (meaning not found). Any error message, such as a 404 or 301, is an extra message sent that adds time to the processing of a site.
This image or lack thereof, interferes with the processing sequence by requesting extra components in the load, and since the favicon is the first thing that is downloaded before these extra components, if there isn’t one, the first thing downloaded will be an error.
Too many advertisements:
Any time a site uses advertisements, you are adding to other processes a site goes through in order to function correctly. Programmes like Google Adsense and Microsoft adcenter are external, and reputable, however it is logical to practice the same rules as with external media; everything in moderation – besides, sites with too many ads look un”site”ly!
If any of these apply to you, take active steps to protect your website against sloth! Speed be with you!
Avoid expensive rebuild costs and improve your existing site conversions
On September 13th, 2009 Rob wrote on the subject of Development,E-commerce,Usability.
At business school I was taught the way to make money was to make our assets sweat. I think they meant to get the most out of everything you owned and to make sure it was being worked night and day to maximum effect. And so at Datadial we try to do the same for our clients’ websites by making sure that they are focused on developing websites that maximise sales levels by being search engine friendly and that convert users in to buyers.
The usual reaction in squeezing more out of a website is to rush into a redevelopment exercise. Redeveloping a website is expensive that is often undertaken on a whim and without real research into what is working and what is not on the current website. Indeed it’s often the case that the current site is perfectly capable of delivering many more sales and that it just needs refining to improve the user experience.
This doesn’t need to be an expensive exercise. The key to successful marketing is to consistently test and measure everything that you do. Delivering fantastic conversion figures is within reach for us all, no matter how small the budget.
Here are four ways that we have carried out for some of our clients to help increase their onsite conversions at virtually no cost.
1) Online surveys
What better way to really understand your customers than to ask them for direct feedback? What is it that makes them want to buy from you rather than your competitors? How did they hear about you?
Carrying out market research will enable you to build on what you’re doing well and make any necessary adjustments and help you to grow. You will be surprised by how many people are willing to take the time to reply to surveys.
We recently did a survey for one of our clients Design911.co.uk which gave vital insight into user behaviour. Coupled with Click Tracking report (see below) Design911 have been able to fine tune their website to respond to users’ expectations and behaviour.
Below is a sample of the survey results that were produced.



2) Mouse tracking -
Why do other sites make it so difficult to buy anything from them? We’ve all experienced a confusing website at one point or another. But could your site also be suffering from usability issues? Find out where the sticking points are with Mouse tracking.
You may also find that users are trying to click on things on your site that are not designed to be clicked on. We found this with Design911:
With design 911 we found that that very few people clicked on the middle of the page and that lots of users tried clicking on ads on the right handside of the page which were not actually clickable. We found too that the search box was being under used as it was below the page fold and that users were taking at least 60 seconds to make a click on key navigation items.


3) Study your analytics
It’s all too tempting to gloss over your analytics reports – these reports contain vital information which reveal where users are getting stuck, turned on or turned off. Seems obvious to say it but unless you take the time to check what is going on on your site you will never be able to intelligently amend your site and measure the effect of your changes.
There is a mass of information to look at but here are 3 basic things to do
Check Bounce Rates: Bounce rates tell you if a visitor who has been directed to your site via a search engine or Adwords likes what they have found. If they leave the site immediately this is called a bounce. If this happens you need to question if you are showing the right products for the keyword search and if you could provide better information, or if they had come via Adwords, are your Adwords set up correctly.
Funnels: You can set up funnels to determine where people are dropping off over a series of pages (typically the shopping cart process). Different funnels can be set up for different goals.
Compare to previous periods: There are a number of trends such as time on site, the number of keywords that you are being found for, the number of pages per visit that are good to compare from onen time period to another so that you detect trends.
4) A/B Testing
Having pawed over your analytics you can then start making intelligent changes to your site. How will you make more people fill in your enquiry form? How can you get them to add one more thing to their basket. Take a look at the forms below and guess which one had the higher conversion rate.


This company carried out A/B testing on their sign up form and increased their conversion rate by 10%.
This is called A/B testing or Multivariate testing which we use to determine which images, copy and design most appeal to your customers and which version increases conversion. You can have as many or as few variables as you like when creating your A/B testing. Ideally you would set it up to automatically serve different versions of the page to alternate users but to save money you can do it on a week on/week off basis.
We helped Conference Genie increase conversions on their site by altering the sign up process. Interestingly we did it by making their site more complicated.
Weirdly the problem on this site was that it was too easy to use. Users could not believe that they could just dial a default number, punch in a code and start a conference call. So we made the site appear to generate a specific telephone number and a unique code for them. Turning a one step process into a two step process actually increased conversions.
Making small changes instead of wholesale changes was also recently backed by Peter Fitzgerald, who leads Google UK’s retail industry division. He said that the whole area of analytics – that’s technical jargon for examining the ways that people navigate websites when they shop online – has taken on new importance to retailers.
Simple changes can make the world of difference, particularly since statistics show that 50.1% of online shoppers who place items in their shopping carts still do not buy them.
By subtly altering a website’s layout based on how people use it, websites can increase sales significantly.
“There is often a lot of unimportant information on the top of a web page. If you move this information out of the way it can make a huge difference,” said Mr Fitzgerald.
For example when Comet, the electricals retailer owned by Kesa, the listed stores group, removed two bits of text from the top of its web page (saying ‘top checkout tips’ and ‘you’re safe with us’ respectively), its conversion rates increased by 6.7pc. “Online retailers are spending more time on analytics to see where things are going wrong,” said Mr Fitzgerald.
Department store group Debenhams recently tested the message and positioning of an online sign-up form for its Beauty Club. Improvements to it increased the number of customers the chain signed up by over 89pc. Little such tweaks are being made by online retailers as a means of gaining incremental sales. Experts say that the results of the small changes can be seen almost immediately.
Google’s Mr Brittin said: “By interpreting analytics data and continually testing their sites, retailers can really understand what consumers are looking for online. Often very small and seemingly obvious tweaks can boost sales significantly.”
All of the above exercises can be implemented fairly quickly and inexpensively. However, don’t underestimate the time you need to truly get to grips with your findings.
By constantly analysing the results and carrying out appropriate changes you will be able to squeeze every last conversion out of your site without incurring expensive redevelopment costs.
Rapid wireframing with collage
On March 17th, 2009 Rachel wrote on the subject of Design,Usability.
Yesterday I tried something new as part of my attempt to release creativity by stepping away from computers. I recycled old printed designs by cutting out the elements, so that the client and I could drag around the pieces to get a layout working.
Initially it was quite amusing – designing a high-spec ecomm website with bits of paper, scissors and a glue stick! But it really worked. We were able to get the page laid out very quickly, interact with it, drag bits around and play with spacing collaboratively – without touching a computer.
I have been finding pencil sketches working well too, but this just took it an extra step as we could so easily drag bits around without having to erase pencil lines to make a change.
Changing The Way You Browse
On February 4th, 2009 Matt wrote on the subject of Usability.
Grid style product layouts are now the norm and dare I say it, a little bit dull. And just as you are congratulating yourselves on getting all your ducks in a row, as it were, the big players are moving on and showing some more innovative ways of displaying products.
Again Zappos lead the way with their Zappos Product Explore – click on a product you like such as a Red Stiletto, you are then shown 54 similar products in a matrix. Horizontally you see products that are similar in style (more high heels in other colours). Vertically you see products in the same colour (red sandals).”
Compare this with Clarks new website which though quite good, (especially on customer service) pales in comparison to its US rival with regards innovative product display.
Check out also some other retailers daring to try something a little bit different.
Amazon WindowShop – turn on your speakers!
Apple iTunes Cover Flow
















