Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

Made in Builder

‹ Back to blog

Headless ecommerce ROI calculator

By Steve Sewell

Calculate my possible ROI for going headless

What is headless ecommerce?

Headless ecommerce is a way to speed up your online store by using modern technology built for speed. Headless ecommerce essentially decouples what you see on your site from the backend logic and connects the site to data and services via APIs. The main benefits of headless architecture are: site speed, flexibility, and support for future use cases. Check out our full post for more info about what headless commerce is.

How are you calculating these numbers?

What we do is access your site's performance data by querying Google Page Speed Insights and finding how many long it takes for your page to load as measured by its the "first contentful paint," which we then compare to that of an optimized headless site.

Then, we apply stat that 1 tenth of a second in faster performance can boost conversions by 8% and assume you can get at least half of that (4% per 1/10 a second).

Finally, assuming you can conservatively get your site down to 2 seconds or less with an optimized headless build, we get the formula used to calculate the ROI above: (load time seconds - 2) * (80 / 2)

In cases where the value of the above ROI formula are greater than 50%, there is clearly major room for optimization, so we just consider at that point the conversion improvement can vary significantly, so we consider everything in that range to be "+50%."

What are my options for going headless?

There are many paths to you can choose in your migration to a headless site. Generally, we recommend you incrementally migrate over your pages, prove ROI lift and then focus on migrating your high-value pages first (i.e. PLP, PDP). While you migrate, it is crucial you continue to test the headless experience vs the legacy site and create content that can easily live on both experiences. Needless to say, you can do all of this with Builder.

For a free consultation on your options and possible ROI for going headless, contact us.

Visually editing a headless site in Builder.io

Read more on the blog
Introducing App Templates and our integration launch partners
Introducing Builder's Visual Editor 2.0
What is headless ecommerce and how does it drive growth?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service