How do loyalty programs affect your website speed and functionality? And out of all the programmes out there, who comes out on top? Fortunately our fantastic developers completed an in-depth report to provide the answers.
Please Note:
Account details may vary. The feature is now part of the subscription

Loyalty widgets are an awesome way to solidify your existing customer base. However, adding loyalty widgets to your website will impact its performance, as the browser needs to download and run the code to display the widget.

We test Stamped.io, Smile, Loyalty Lion, Yotpo Rewards & Influence.io. We used a blank shopify site and swag.reviews.io.

Method

To ensure a fair comparison between the widgets, the following control measures were put into place:

  • Lighthouse test widgets were installed on a blank Shopify store with the theme Dawn theme with no plug-ins or external scripts.
  • GTMetrix tests were carried out on a live Shopify store with a number of products and images present for an accurate representation of performance.
  • Same testing location and network (UK), to minimise network latency.
  • All tests were performed three times.
  • All tests were carried out on the same device and browser - MacBook Air M1 (2020), Google Chrome.
  • Speed test (connection may vary) carried out on https://www.speedtest.net/ results as follows (applies to Lighthouse tests)

Local connection speed

Tool used for collecting data included:

  • Lighthouse - To measure FCP, FMP, TTI, FID etc, tested on Desktop.
  • GTMetrix - https://gtmetrix.com/ - server location - Vancouver, Canada

Important metrics

There are a couple of important metrics these tests will provide:

  • Fully Loaded Time - How long it takes for the page to be fully loaded.
  • Size - The size of the widget, a smaller size results in better performance.
  • Widget Load Time - The time it takes for the widget to be fully loaded.
  • First Contentful Paint - The time when the first text or image is displayed.
  • Speed Index - How quickly content is displayed to a user.
  • Time To Interactive - How long till the page becomes fully interactive.
  • Largest Contentful Paint - The time until the page’s main content is likely completely loaded.

These metrics are also used by Google to affect rankings in search results. Google suggests the following speeds within Lighthouse:

Results

Below we take a look at the overall results for all the tests carried out. The data collected was from the live Shopify store (https://swag.reviews.io) using GTMetrix, with the network located in Vancouver, Canada.

Firstly we have a comparison of the specific metrics recorded through GTMetrix:

We then have the overall performance indicator. As you can see, some widgets do a great job of not affecting the performance of the widgetless page.  Yotpo Rewards default widget had a negative effect on the performance.

Here is the time it takes for the widget to load, as well as for the page to be fully loaded for each widget.

Here is the size of each widget in kilobytes, with the smaller size being better.

Full Breakdown

No Widgets

Page Fully Loaded Time (FLT) : 1st Run 5.2s, Second Run 4.5s, Third Run 4.7s

To get a baseline, here are the results without using any loyalty widgets:

GTMetrix performance data with no loyalty widget

Influence.io

Page Fully Loaded Time (FLT) : 1st Run 4.7, Second Run 4.8, Third Run 4.7s

Google Lighthouse performance metrics for Influence.io

Influence.io - Loyalty widget with default settings

GTMetrix Performance Data for Influence.io

Influence.io file size

Yotpo Rewards

Page Fully Loaded Time (FLT) : 1st Run 5.1s, Second Run 4.9s, Third Run 4.9s

Google Lighthouse performance metrics for Yotpo Rewards.
Yotpo affected overall performance score by -6 points.

Yotpo Rewards default widget

GTMetrix Performance Data for Yotpo Rewards

Yotpo Rewards file size

Yotpo has multiple files some with using legacy Swell Rewards file names.

Loyalty Lion

Page Fully Loaded Time (FLT) : 1st Run 5.9s, Second Run 5.0s, Third Run 5.0s

Google Lighthouse performance metrics for Loyalty Lion. Loyalty Lion has  no effect on the Lighthouse score.

Loyalty Lion default loyalty widget

GTMetrix performance data for Loyalty Lion

Loyalty Lion file size

Smile.io

Page Fully Loaded Time (FLT) : 1st Run 4.7s, Second Run 4.7s, Third Run 4.5s

Google Lighthouse performance metrics for Smile.io

Smile.io default widget

GTMetrix Performance Data for Smile.io

Smile.io file size

Stamped.io

Page Fully Loaded Time (FLT) : 1st Run 4.7s, Second Run 4.7s, Third Run 4.8s

Google Lighthouse performance metrics for Stamped.io

Stamped.io default widget

GTMetrix performance data for Stamped.io

Stamped.io file size

Summary

It is worth mentioning that Stamped.io uses a method of only loading data once interacting with the widget, saving significant size in this case.

The most important indicators here are the fully loaded time (FLT) and widget load time, as both of these indicate the impact on the webpage and the time till the widget is visible respectively. This data was averaged over three tests for each widget, however take these figures with a grain of salt as network speed can vary throughout the tests.

The data indicates that Smile, Influence.io and Stamped.io are well optimised and have the lowest impact on site performance in terms of load time.  LoyaltyLion also performed very well in low content environments. Yotpo Rewards seemed to have biggest impact on performance due to widget load time and widget size.

In summary, it is key to consider performance when choosing a loyalty widget, as a slow website can increase bounce rate and provide a negative experience to your customers. Speed is also a key factor in Google ranking algorithm.

We used standard default widgets in the test. Sites may different results by configuring the widgets.

★ ★ ★ ★ ★
9,000+ brands rely on REVIEWS.io to scale further & faster

Book Demo

Download PDF Survey

2023 State of Reviews

Changes in Consumer Buying Behaviour

Similar Posts