One of the questions that we are often asked is: how does installing the Tangiblee snippet affect an e-commerce page’s performance?
Here's the good news: TANGIBLEE DOES NOT AFFECT YOUR WEBSITE'S PERFORMANCE!
In order to explain Tangiblee’s performance on your site, we must first break down the two parts of what is loaded onto your page by Tangiblee.
The Tangiblee CTA is fully customizable to your brand and style; it can be a clickable image, a stand-alone button, a text link, or any element the user can interact with (click, hover, etc.). The CTA can be served either from the Tangiblee platform or directly from your CDN or CMS - whatever best fits your technical needs.
Tangiblee CTA Examples
The Tangiblee Modal is what loads after the user clicks on the Tangiblee CTA. This is the Tangiblee experience which allows users to compare items, see the items on them using Augmented Reality, and make a purchasing decision by adding it to their cart.
After the user clicks on the Tangiblee CTA, Tangiblee adds an iFrame which loads HTML/Scripts from our Microsoft Azure CDN. Tangiblee uses what’s called “Skeleton Loading” which instantly shows a preview of the User Experience while it’s loading, so that users know that data is being loaded.
--Tangiblee is loaded from your Product Detail Page as an iFrame. Below is a list of HTML/Script sizes:
--Upon clicking the Tangiblee CTA, a “Skeleton Load” is instantly shown while the modal fully loads.
The Tangiblee Modal uses multiple high resolution images (some of them can be preloaded, for example human images on human mode). Because of this, to measure performance, we are using a mix of classic performance and web vitals.
1. Time to First Byte:
2. Document Complete:
3. Time to Interactive: 1.1s
4. Largest Contentful Paint: 1.8s
5. Cumulative Layout shift: .001s
Tangiblee Performance Metrics