Rules of Web Performance
Blog March 3, 2017
Web Performance Do’s and Don’t’s from the Top 50 Shopping Sites

For online retailers, web performance is do or die. One simple mistake could cost seconds in load times and thousands in revenue. Since these businesses have so much at stake, they tend to be the best examples of web performance best practices.

The biggest contributors to load times are requests. Simply put, nearly every aspect of the online shopping experience is reliant on some hosted asset or outside network. This can be anything from your CDN or DNS network, or the upstream providers for third party services and plug-ins. And don’t forget any assets or images that are hosted on third party networks. That means there are hundreds of points of failure that can occur on just a single page.

While all this may sound overwhelming, it isn’t impossible to have load times like the shopping giants. You don’t need to be in the retail industry to reap the benefits. Without further ado, let’s take a look at the top 50 shopping websites to learn how you can improve your web performance.

 

The Facts

Websites were chosen according to Alexa. All sites were monitored with the Constellix Sonar Lite Chrome extension. We used the RUM (Real User Monitoring) tool in Sonar Lite to capture load times of all the requests needed to load each webpage. Tests were run twice within the same week to account for service disruptions and CDN issues (notably Amazon S3 outage).

The Chrome developer tools were used to collect page size and number of requests. Follow-up research with Constellix Sonar RUM was conducted to detect service disruptions and upstream provider latency that were impacting results.

 

Winners

fastest shopping websites

The fastest website was backpage.com with an average load time of 1.54 seconds. To put that in perspective, the average load time of all the websites we studied was 3.56 seconds. While two seconds may not seem like that much, studies have shown that a single second of load time can change a customer’s mind about converting. According to Google, 53% of users will abandon a site or web page if it doesn’t load within 3 seconds.

There is a caveat… The Backpage website is almost all text with links… no images, no elaborate CSS or scripts. It’s essentially a directory, like Craigslist, which explains it’s total size of a mere 90 Kb –that’s 3% of the average page size.

backpage

With this in mind, there isn’t much to reap from our #1 site, since every other website we studied was significantly larger and had more requests.

Our second place website, google.com/shopping, weighed in at 377 Kb and loaded in only 1.64 seconds. The homepage of sorts is more of a short landing page with some of the more popular items. Very few retail sites choose this method since usually, the top of fold content will contain a large image, advertisements, and complex menus. While this minimalist homepage may perform well for the web, it may not be the best choice of design for most retailers.

Google shopping

Home Depot’s website made third place, and is our first example of a traditional retail homepage: full width banner image, large menus, and about a dozen more high resolution images throughout the rest of the page.

Home depot weighed in at a modest 2.4 Mb, 175 requests, and loaded in just under 1.71 seconds. We were so surprised, we ran this test multiple times across a week’s span of time and we kept finding the same results.

home depot

The answer was the DOM (Document Object Model) load time, which is all the objects needed to load the HTML and scripts on a page. Most of the other websites we looked at had significantly longer DOM load and DOM interactive timings and dominated over 70% of the overall load time.

 

Best Practices

Minify: Size matters, so cut down on file sizes anywhere you can. Compress your CSS, images, and scripts.

Use a CDN: (Content Delivery Networks) Out of the top 10,000 websites, 48.3% are currently using a CDN. These networks will host a copy of your website from dozens of critical vantage points around the world. Meaning, your website will load in Chennai, India just as fast as it would from where you are hosting it in New York.

Anycast DNS Hosting: It’s important to note that we didn’t say to use just any DNS hosting. Anycast networks will deliver your DNS information at lightening fast speeds across the entire globe. You’re probably noticing some similarities between DNS hosting and CDN’s, well that’s because they both use Anycast networks. You can learn more about this revolutionary technology here.

anycast

Minimal Design: As we saw with our first place website, minimal design is king. While Backpage is minimalism taken to an extreme, there are some great examples here and here of how modern retailers are using this technique to slash load times without compromising quality.

Mobile First Designs: Last year Google sent shockwaves across the web with its Mobilegeddon announcement. The new algorithm changes would penalize websites that weren’t mobile friendly. This led to a new kind of design dubbed Mobile First, which forces designers to create their websites based on mobile views before moving on to desktop and other devices. You can learn more about creating a responsive website here.

Limit Requests: Requests may only take up a small amount of your load time, but if one fails to load it could hold up the rest of your site. You can limit requests by hosting everything on your site. This can be anything from images to fonts, documents and more.

Scripts: Many analytics platforms require you to add a JavaScript snippet to your webpages. Always put them at the bottom of the body, so they don’t block any other resources from loading. This rule goes for any other scripts you may use, too.

 

Want more? Check out our next article where we analyze the bottom 10 websites.