You can’t improve what you don’t measure. But what if you’re measuring the wrong thing? There is a dizzying array of metrics and tools to measure website speed, many of which are contradictory, some of which are ideal for static content, and others for dynamic content/database-driven websites.
At the same time, modern web technology has enabled a new breed of app-like websites, such as eCommerce progressive web apps (PWAs) and single-page applications (SPAs), which deliver amazing speeds. However, these websites appear to load slower than they actually do when measured by most of the popular speed metrics, which were created to measure legacy, multiple-page websites. As a result, you could be missing out on critical business growth simply because you are using the wrong tools or metrics to measure website speed.
If you are running a revenue-generating eCommerce website, picking the right metrics may be the most important way to align your teams around the goal of creating a fast site.
This article will tell you exactly what metrics and tools to use to measure eCommerce website speed in 2019/2020 for maximum revenue impact. Consider this your how-to cheat sheet.
Four tips to measure site speed for maximal revenue impact
Here are four simple tips to filter out the noise and get you going:
1. The single best metric is Last Painted Hero (LPH)
Did you know waiting for a page to load creates the same psychological discomfort as watching a horror movie? You can significantly decrease the risk of scaring customers away by measuring and optimizing for the right perceptual metrics.
You make more money on your website when your shoppers feel that the page has loaded, which typically for an eCommerce website is when the largest image above the fold has loaded (i.e. on a homepage, category page, or product page). Last Painted Hero (LPH), Largest Image Rendered (LIR), and Largest Contentful Paint (LCP) measure this. Optimizing for these metrics has been found to be better correlated with eliminating the psychological stress associated with slow page load than Time To Interactive (TTI), First Contentful Paint (FCP), First Meaningful Paint (FMP), and other common metrics.
|Last Painted Hero (LPH)||Synthetic||WebPageTest.org|
|Largest Image Rendered (LIR)||Synthetic||SpeedCurve|
|Largest Contentful Paint (LCP)||RUM||Chrome 77+|
SpeedCurve and Google do a great job explaining why these are the best metrics to measure website speed.
2. Measure browsing speed, not only the first page load
Most benchmarks focus on the first page load of a website. While that metric is very important, especially now that Google ranks faster sites higher in its search results, most shoppers spend much more time waiting for pages to load while browsing through products and categories. In fact, Wolfgang Digital found that the average shopper spends just over 3 minutes browsing through six pages on an eCommerce site, with 21% of this time spent waiting for pages to load.
Fast first loads increase search ranking and thus organic traffic, while faster browsing transitions improves conversion rates. Optimizing and measuring both is critical. Fortunately, two free tools can be configured to measure browsing speed: WebPageTest.org for synthetic tests (email email@example.com to get test scripts that show you how) and Firebase for real-user measurements (RUM).
3. Use 4G settings, not 3G
Many tools still default to measuring performance under simulated 3G conditions. But according to the Chrome User Experience Report (CrUX), the most comprehensive RUM data in the market, most consumers are probably on 4G, even outside the US. The pitfall of using 3G is that you may end up optimizing different things and slowing down or making little improvement to your 4G speed, which will actually hurt your overall revenue.
4. Use both synthetic and real user measurement (RUM)
Synthetic tests determine the performance of a website by simulating a page load inside a testing tool and can run "on demand" whenever you need them. RUM measures page load speeds actually experienced by real shoppers on your website but you have to wait to aggregate these metrics from the browsing activity of your site visitors. Both must be tracked. Synthetic tests are important as part of your continuous integration and build processes so that you can ensure no release causes your site speed to regress. RUM is the ultimate measure of what site speed your shoppers’ experience.
In late 2019, it is possible to create instant eCommerce websites with median LCP as measured by RUM on the mobile web of 0.3 seconds (both first loads and browsing transitions), which is literally the blink of an eye.
First loads can be delivered in 0.8 to 1.5 seconds using server-side rendering, and 0.2 to 0.3 seconds when using Accelerated Mobile Pages (AMP) which are pre-fetched by Google’s search results page.
Don’t leave money on the table, schedule a consultative conversation to learn how the Moovweb XDN can help your company achieve sub-second load times, increase organic traffic by an average of 32.1%, and lift conversions by 15-30%.