Click Below to Get the Code

Browse, clone, and build from real-world templates powered by Harper.
Case Study
GitHub Logo

E-Commerce Holiday Showdown

Learn how a Fortune 100 retailer accelerated their website's performance to outrank Amazon.com product pages on Google.
Digital Commerce
Case Study
Digital Commerce

E-Commerce Holiday Showdown

Harper
at Harper
March 18, 2025
Harper
at Harper
March 18, 2025
Harper
at Harper
March 18, 2025
March 18, 2025
Learn how a Fortune 100 retailer accelerated their website's performance to outrank Amazon.com product pages on Google.
Harper

Challenge

Preparing for the upcoming 2023 holiday season, a Fortune 100 retailer was aiming to have their product pages outrank Amazon for the top spots on Google Search. With all other optimizations in place, the remaining challenge was improving page load times. Having reached limitations with their primary CDN, the solution needed to augment their existing technology stack with minimal lift or disruption. Due to the retailer's extensive product catalog, over 40% of page lookups resulted in a CDN cache miss. Based on the retailer's estimates, accelerating the remaining 40% of product pages could increase revenue by as much as $100 million over the year. 

This case study examines how this major retailer implemented a Harper cache to secure the winning position for its product pages. 


Highlighted Performance Metrics

Solution

In August 2023, Akamai approached Harper to help accelerate page load times for one of their largest retail customers. The metric to focus on was the average time to LCP (Largest Contentful Paint), which required low-latency delivery of hero image metadata that allowed those images to preload, speeding up LCP. Akamai CDN already delivered these image hints for approximately 58% of product page loads. However, the remaining 42% of page loads were not accelerated due to the limitations of the existing shared CDN infrastructure.

Delivering image hint metadata for the outstanding 42% of page requests required holding tens of millions of keys in a long-tail cache so that even the most infrequently visited pages would perform well when search engine crawlers came upon them.  

Harper was the ideal technology to meet this need, given its built-in application engine, in-memory caching capabilities, and ease of distribution. Ultimately, the retail team utilized Harper as a secondary layer behind Akamai's Ion CDN, which was already delivering a lightning-fast response for most requests. 

Harper Cache Diagram



Results

In September 2023, the solution was deployed to eight Akamai Connected Cloud locations across North America. Within days, the Harper cache layer held over 85 million keys in-memory while delivering a P50 lookup time of 0.36 ms (millisecond) and a P95 of 1.3 ms. Most importantly, the retailer saw a 50ms average improvement in time to LCP, representing a notable leap for their already impressive infrastructure.

Further, the retailer saw a 30% decrease in origin requests, with Harper accelerating over 550 million page loads during the holiday season. This helped increase revenue while reducing origin server load even during the busiest time of year. 

What’s Next

Impressed by the rapid time to value and high performance delivered by Harper, the retailer is already implementing broader use cases of Harper to help streamline their systems, reduce costs, and improve performance.

Akamai and Harper, Better Together

Harper’s distributed systems platform works seamlessly with Akamai’s Security and CDN products. This integration allows Akamai customers to enjoy managed services for even the most complex requirements. Combining Harper’s unified architecture strategy and Akamai’s value-oriented infrastructure ensures that managed services are cost-efficient, highly performant, and exceptionally resilient. Contact us to learn more about Harpers Commerce Optimization Suite of proven solutions.

Challenge

Preparing for the upcoming 2023 holiday season, a Fortune 100 retailer was aiming to have their product pages outrank Amazon for the top spots on Google Search. With all other optimizations in place, the remaining challenge was improving page load times. Having reached limitations with their primary CDN, the solution needed to augment their existing technology stack with minimal lift or disruption. Due to the retailer's extensive product catalog, over 40% of page lookups resulted in a CDN cache miss. Based on the retailer's estimates, accelerating the remaining 40% of product pages could increase revenue by as much as $100 million over the year. 

This case study examines how this major retailer implemented a Harper cache to secure the winning position for its product pages. 


Highlighted Performance Metrics

Solution

In August 2023, Akamai approached Harper to help accelerate page load times for one of their largest retail customers. The metric to focus on was the average time to LCP (Largest Contentful Paint), which required low-latency delivery of hero image metadata that allowed those images to preload, speeding up LCP. Akamai CDN already delivered these image hints for approximately 58% of product page loads. However, the remaining 42% of page loads were not accelerated due to the limitations of the existing shared CDN infrastructure.

Delivering image hint metadata for the outstanding 42% of page requests required holding tens of millions of keys in a long-tail cache so that even the most infrequently visited pages would perform well when search engine crawlers came upon them.  

Harper was the ideal technology to meet this need, given its built-in application engine, in-memory caching capabilities, and ease of distribution. Ultimately, the retail team utilized Harper as a secondary layer behind Akamai's Ion CDN, which was already delivering a lightning-fast response for most requests. 

Harper Cache Diagram



Results

In September 2023, the solution was deployed to eight Akamai Connected Cloud locations across North America. Within days, the Harper cache layer held over 85 million keys in-memory while delivering a P50 lookup time of 0.36 ms (millisecond) and a P95 of 1.3 ms. Most importantly, the retailer saw a 50ms average improvement in time to LCP, representing a notable leap for their already impressive infrastructure.

Further, the retailer saw a 30% decrease in origin requests, with Harper accelerating over 550 million page loads during the holiday season. This helped increase revenue while reducing origin server load even during the busiest time of year. 

What’s Next

Impressed by the rapid time to value and high performance delivered by Harper, the retailer is already implementing broader use cases of Harper to help streamline their systems, reduce costs, and improve performance.

Akamai and Harper, Better Together

Harper’s distributed systems platform works seamlessly with Akamai’s Security and CDN products. This integration allows Akamai customers to enjoy managed services for even the most complex requirements. Combining Harper’s unified architecture strategy and Akamai’s value-oriented infrastructure ensures that managed services are cost-efficient, highly performant, and exceptionally resilient. Contact us to learn more about Harpers Commerce Optimization Suite of proven solutions.

Learn how a Fortune 100 retailer accelerated their website's performance to outrank Amazon.com product pages on Google.

Download

White arrow pointing right
Learn how a Fortune 100 retailer accelerated their website's performance to outrank Amazon.com product pages on Google.

Download

White arrow pointing right
Learn how a Fortune 100 retailer accelerated their website's performance to outrank Amazon.com product pages on Google.

Download

White arrow pointing right

Explore Recent Resources

Tutorial
GitHub Logo

Introducing Structon: Random-Access Binary Encoding for JavaScript

Deserializing entire records to read one field is a bottleneck at scale. Structon stores objects in a binary format where any field is reachable by byte offset, with lazy getters that never allocate until you access a property. It's the encoding Harper has used internally for years, now a standalone package.
JavaScript
Tutorial
Deserializing entire records to read one field is a bottleneck at scale. Structon stores objects in a binary format where any field is reachable by byte offset, with lazy getters that never allocate until you access a property. It's the encoding Harper has used internally for years, now a standalone package.
Person with very short blonde hair wearing a light gray button‑up shirt, standing with arms crossed and smiling outdoors with foliage behind.
Kris Zyp
SVP of Engineering
Tutorial

Introducing Structon: Random-Access Binary Encoding for JavaScript

Deserializing entire records to read one field is a bottleneck at scale. Structon stores objects in a binary format where any field is reachable by byte offset, with lazy getters that never allocate until you access a property. It's the encoding Harper has used internally for years, now a standalone package.
Kris Zyp
Jun 2026
Tutorial

Introducing Structon: Random-Access Binary Encoding for JavaScript

Deserializing entire records to read one field is a bottleneck at scale. Structon stores objects in a binary format where any field is reachable by byte offset, with lazy getters that never allocate until you access a property. It's the encoding Harper has used internally for years, now a standalone package.
Kris Zyp
Tutorial

Introducing Structon: Random-Access Binary Encoding for JavaScript

Deserializing entire records to read one field is a bottleneck at scale. Structon stores objects in a binary format where any field is reachable by byte offset, with lazy getters that never allocate until you access a property. It's the encoding Harper has used internally for years, now a standalone package.
Kris Zyp
Livestream
GitHub Logo

1.5 Hour Build - Vibe Coding a Full Personal Site: Design to Deployment in One Session

Watch Austin rebuild his personal website live using Claude AI and Harper, including a custom Markdown CMS, GraphQL schema design, React scaffolding, and full deployment. A real-time pair coding session from design to launch.
Livestream
Watch Austin rebuild his personal website live using Claude AI and Harper, including a custom Markdown CMS, GraphQL schema design, React scaffolding, and full deployment. A real-time pair coding session from design to launch.
Person with short hair wearing a light blue patterned shirt, smiling widely outdoors with blurred greenery and trees in the background.
Austin Akers
Head of Developer Relations
Livestream

1.5 Hour Build - Vibe Coding a Full Personal Site: Design to Deployment in One Session

Watch Austin rebuild his personal website live using Claude AI and Harper, including a custom Markdown CMS, GraphQL schema design, React scaffolding, and full deployment. A real-time pair coding session from design to launch.
Austin Akers
May 2026
Livestream

1.5 Hour Build - Vibe Coding a Full Personal Site: Design to Deployment in One Session

Watch Austin rebuild his personal website live using Claude AI and Harper, including a custom Markdown CMS, GraphQL schema design, React scaffolding, and full deployment. A real-time pair coding session from design to launch.
Austin Akers
Livestream

1.5 Hour Build - Vibe Coding a Full Personal Site: Design to Deployment in One Session

Watch Austin rebuild his personal website live using Claude AI and Harper, including a custom Markdown CMS, GraphQL schema design, React scaffolding, and full deployment. A real-time pair coding session from design to launch.
Austin Akers
Blog
GitHub Logo

The Old Product Loop Is the New Bottleneck

AI has made it dramatically cheaper to get software to a working version, but most companies still plan like building is the expensive part. The new bottleneck is the product loop: forming sharp hypotheses, living inside the user experience, fixing friction as it appears, and feeding evidence back into the roadmap faster than ticket-based planning allows.
Blog
AI has made it dramatically cheaper to get software to a working version, but most companies still plan like building is the expensive part. The new bottleneck is the product loop: forming sharp hypotheses, living inside the user experience, fixing friction as it appears, and feeding evidence back into the roadmap faster than ticket-based planning allows.
Person with short dark hair and moustache, wearing a colorful plaid shirt, smiling outdoors in a forested mountain landscape.
Aleks Haugom
Senior Manager of GTM
Blog

The Old Product Loop Is the New Bottleneck

AI has made it dramatically cheaper to get software to a working version, but most companies still plan like building is the expensive part. The new bottleneck is the product loop: forming sharp hypotheses, living inside the user experience, fixing friction as it appears, and feeding evidence back into the roadmap faster than ticket-based planning allows.
Aleks Haugom
May 2026
Blog

The Old Product Loop Is the New Bottleneck

AI has made it dramatically cheaper to get software to a working version, but most companies still plan like building is the expensive part. The new bottleneck is the product loop: forming sharp hypotheses, living inside the user experience, fixing friction as it appears, and feeding evidence back into the roadmap faster than ticket-based planning allows.
Aleks Haugom
Blog

The Old Product Loop Is the New Bottleneck

AI has made it dramatically cheaper to get software to a working version, but most companies still plan like building is the expensive part. The new bottleneck is the product loop: forming sharp hypotheses, living inside the user experience, fixing friction as it appears, and feeding evidence back into the roadmap faster than ticket-based planning allows.
Aleks Haugom
Livestream
GitHub Logo

2 Hour Build - Live Stream for Non-Developers

A non-developer's live stream walkthrough of building Flow State, a Colorado river-flow app for rafters, in two hours using ChatGPT dictation, Claude Code, Claude Design, and Harper. Scaffold with npm create harper@latest and deploy to Harper Fabric. No coding background required.
Livestream
A non-developer's live stream walkthrough of building Flow State, a Colorado river-flow app for rafters, in two hours using ChatGPT dictation, Claude Code, Claude Design, and Harper. Scaffold with npm create harper@latest and deploy to Harper Fabric. No coding background required.
Person with short dark hair and moustache, wearing a colorful plaid shirt, smiling outdoors in a forested mountain landscape.
Aleks Haugom
Senior Manager of GTM
Livestream

2 Hour Build - Live Stream for Non-Developers

A non-developer's live stream walkthrough of building Flow State, a Colorado river-flow app for rafters, in two hours using ChatGPT dictation, Claude Code, Claude Design, and Harper. Scaffold with npm create harper@latest and deploy to Harper Fabric. No coding background required.
Aleks Haugom
May 2026
Livestream

2 Hour Build - Live Stream for Non-Developers

A non-developer's live stream walkthrough of building Flow State, a Colorado river-flow app for rafters, in two hours using ChatGPT dictation, Claude Code, Claude Design, and Harper. Scaffold with npm create harper@latest and deploy to Harper Fabric. No coding background required.
Aleks Haugom
Livestream

2 Hour Build - Live Stream for Non-Developers

A non-developer's live stream walkthrough of building Flow State, a Colorado river-flow app for rafters, in two hours using ChatGPT dictation, Claude Code, Claude Design, and Harper. Scaffold with npm create harper@latest and deploy to Harper Fabric. No coding background required.
Aleks Haugom