This is the third episode of the mini-series on e-commerce performance management. Our client TescaraHats (name changed for commercial reasons), a European market leader in manufacturing customized hats, 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.
In previous posts we showed that increasing page rank is not the only way to boost sales and that checking and improving backend performance of your e-commerce is also critical. In this episode we show why it you should not keep network load and HTTP errors in check.
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.
Figure 1. Avoid unnecessary network load: check operation time breakdown and number of hits ↩
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.
Figure 2. The speed of the web report tells you if your site is too heavy or the cache is not properly optimized ↩
Figure 3. Analyze the images which need to be downloaded with e-commerce pages to see if you can reduce their number or size, or both ↩
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.
Figure 4. Too many page components cannot be downloaded in parallel, they affect the complete page load time ↩
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.
Figure 5. There are too many HTTP errors reported by your e-commerce site ↩
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. Read the next episode of our series to learn how to make your customers happy.
(This series is based on materials contributed by Pieter Jan Switten, Pieter Van Heck, and Paweł Brzoska based on original customer data. Some screens presented are customized while delivering the same value as out of the box reports.)