To help illustrate my point, our pretend e-commerce example will be referred to as TescaraHats. They are a European market leader in manufacturing customized hats and did not achieve the expected sales increase with its new e-commerce site. It offered its customers the ability to customize and order hats online instead of visiting its brick and mortar locations, but customers seemed disinterested. TescaraHats learned quickly that there is much more to an e-commerce platform than simply putting an e-commerce service online.
Avoid Unnecessary Network Load
Although broadband connection is now a commodity and many Internet users can stream HD videos online from rental services like Netflix, you should still keep the size and the download time of a web site in check. In order to maximize the usability of your site, you should ensure it loads quickly. This is true on mobile devices as well because mobile e-commerce (a.k.a. m-commerce) is said to be taking over the market share.
To begin, check how much time is spent on the network to complete each page. Longer network time, as seen in Figure 1, may indicate that you are pushing unnecessarily heavy content to the client, or the server is busy generating (on the fly) some non-html components of the page.
Next, make sure your site is properly cached. If a web browser needs to download the same content over and over, even if the page is not too heavy, the footprint of your whole site becomes a burden for returning visitors or and those who spend more time on the site.
Although the bandwidth of the network connection is usually not a problem these days, the web browsers can only open a limited number of parallel connections. When the page consists of too many items, the site is unable to download them all at once. Figure 4 illustrates the problem with a page sequence load step chart report.
To solve the network load problem you need to:
- Make sure all static content is properly cached.
- Try to serve images of higher quality to size ratio; if possible combine smaller images into one and use the CSS sprites technique.
- Use content delivery networks (CDN) to serve your static content.
Keep Control of HTTP Errors
Sometimes users mistype the URL and end up with 404 error page. Additionally, sometimes your software may fail and the user will see a HTTP 500 error page. Users have become accustomed to seeing some funny and useful versions of these error pages.
Web developers often forget to ensure that there are no backend calls which end up with an error. In many cases users will not be aware that those errors even happened, but it does not mean that those errors have no impact on the users. In fact, the calls that end up with an HTTP error not only contribute to the higher network time, but may also indicate application performance problems.
Figure 5 presents a part of report from the Speed of the Web service which shows time lost on handling HTTP 500 errors at TescaraHats.
If your APM tool shows there are HTTP errors: in most cases you need to talk to your developers.
Make Sure You Care About Your Users
When you are certain about your e-commerce backend performance, decreased unnecessary network load and made sure there are no HTTP errors behind the scenes, it’s time to focus on your users who will soon swarm to visit your site.