E-commerce grew 20% for Costco in fiscal 2015—20 times faster than store sales.
Shoppers want web and mobile sites to load fast. Retailers can significantly improve site performance by adhering to some fundamental design principles.
Speed matters in Internet and mobile retailing. Shoppers are becoming accustomed to the way top information, entertainment and retailing sites respond quickly to their every command. If they get to a retail site and have to wait, chances are they won't wait long. Thus, excellent site performance is a big competitive advantage for retailers.
"Site performance has to be treated like a feature of the web site that must be constantly measured and discussed at staff meetings so it can be properly optimized," says Patrick Moran, vice president of marketing for New Relic Inc., provider of application performance management services. "Most retail sites take twice as long to load than consumers expect, and that can be a problem, because if consumers don't feel good about a site's responsiveness they know they are one click away from going to another site."
Page weight, the total number of bytes that a browser must download to see all the elements on an e-commerce site, is the most frequently cited culprit for poor site performance. That's particularly true at a time when retail sites are made increasingly complex by such features as video, image zoom, customer review and the Facebook Like button. The more content there is, the longer it will take for the browser to download that content from the site's server.
But there are ways to pack a site with rich content and still make the site load quickly. One way is by paying attention to the code and page tags that instruct the consumer's web browser to contact the web servers to retrieve specific content.
"The proliferation of page tags are like barnacles on a boat, they create a drag on performance by reducing the streamlined effects of the underlying page," says Eric Hansen, CEO of SiteSpect, provider of non-intrusive multivariate testing and behavioral targeting technology. "Optimizing site performance is about identifying which tags and page elements add the most latency and then reordering or selectively removing them without negatively impacting the user experience."
First things first
Perception versus reality
An alternative to code bundling is to reorder the programming codes so that all the content above the fold—that is, the content the shopper does not have to scroll down to read—loads first and within three seconds, the length of time most consumers will wait for a page to load. Meanwhile, content below the fold loads last. The technique creates the perception of higher performance even though it may take the entire page six seconds or more to load.
"Perceived speed is a huge factor, especially when it comes to complex pages that take longer to fully download and render," Hansen says. "The goal is to reorder programming code to get the shopper to where they can interact with the page quickly and the page appears fully rendered, while the rest of the page downloads."
SiteSpect's optimization platform enables web and mobile marketers to perform non-intrusive multivariate A/B testing and improve key metrics such as conversion and page load times.
With more and more consumers accessing the web through mobile devices—New Relic says up to 30% of its clients' traffic comes from mobile phones and tablets—web performance is more important than ever. Creating a high-performance mobile web site means building mobile sites that replicate the retailer's brand image on its e-commerce site, but eliminate unnecessary bulk that can affect performance.
"Simplicity reigns supreme in the mobile world," Moran says. "To ensure optimal performance of a mobile site, every page should pull less content and images than the e-commerce site so the mobile browser has less material to render. Mobile users represent a significant chunk of traffic to retailer sites, which means retailers cannot afford a performance issue in this channel."
The first step in creating a high-performance mobile site is designing it to the capabilities of the various mobile devices in the market. While mobile phone technology is advancing at a dizzying pace, not all consumers are keeping up. Many still have feature phones that are based on older WML rendering engines as opposed to HTML rendering engines. Those phones provide limited web browsing, and not the more computer-like experience of modern smartphones such as the iPhone and Android devices.