Click Below to Get the Code

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

Boosting Web Performance for a Global Fashion Retailer

Discover how Harper helped a leading global fashion retailer achieve 70% faster page loads, a 60% reduction in TTFB, and stronger Core Web Vitals through edge optimization and intelligent caching in this performance-focused case study.
Digital Commerce
Case Study
Digital Commerce

Boosting Web Performance for a Global Fashion Retailer

Harper
at Harper
November 6, 2025
Harper
at Harper
November 6, 2025
Harper
at Harper
November 6, 2025
November 6, 2025
Discover how Harper helped a leading global fashion retailer achieve 70% faster page loads, a 60% reduction in TTFB, and stronger Core Web Vitals through edge optimization and intelligent caching in this performance-focused case study.
Harper
Key results showing web performance improvements: 50% faster Largest Contentful Paint, 60% faster Time to First Byte, 70% faster page load speed, and 80% higher cache hit rate.

Significant gains across speed and caching metrics.

A major North American fashion retailer operating several lifestyle brands sought to improve online performance amid global expansion. With both retail stores and a fast-growing digital presence, the company faced website speed issues affecting user experience, SEO, and revenue.

Over 30 days, its e-commerce site served 25 million page views and generated nearly $6 million. Partnering with Harper, the retailer modernized its edge architecture and optimized caching, achieving faster load times, stronger Core Web Vitals, and higher conversion rates within weeks.

The Performance Problem

Before working with Harper to improve performance, the retailer’s website struggled with long initial load times and poor Core Web Vitals performance, particularly on product detail pages—the heart of the conversion funnel.

Time to First Byte (TTFB) often exceeded three to four seconds, while Largest Contentful Paint (LCP) delays were dragging down organic search performance and customer engagement. The underlying issue stemmed from inefficient caching: pages were cached for only five minutes and lacked global replication. This meant that nearly every user request hit the origin, generating unnecessary latency and higher infrastructure costs.

This inefficiency caused substantial origin load and latency across both Harper’s and Akamai’s caching layers. In short, the company needed a faster, more efficient way to deliver content globally without sacrificing freshness or flexibility for its marketing and merchandising teams.

The Harper Solution

Platform Migration & Framework Hosting
Harper provided a rapid transition from the retailer’s previous edge platform, standing up a fully compatible environment for its modern JavaScript framework in just a few weeks. This included support for dynamic page transformations, ensuring that personalized attributes and merchandising logic remain intact.

Global Edge Caching Strategy
Harper helped the retailer unlock significant performance gains by redesigning their caching approach. Harper’s granular controls extended the cache duration on product detail pages from 5 minutes to roughly 23 hours, while also enabling full edge replication for uniform performance across regions without increasing origin calls. All in all, this raised cache hit rates to roughly 80% and significantly reduced origin load, cutting TTFB by more than half.

Browser Optimization with Early Hints
To tackle LCP delays, Harper deployed HTTP 103 Early Hints, allowing browsers to preload critical assets while waiting for the origin response. This closed the final performance gap on key product pages, enabling up to 50% faster visual rendering.

Each step combined to collapse multiple layers of latency, simplify operations, and accelerate the entire digital experience without increasing developer or infrastructure overhead.

Conclusion

Through its partnership with Harper, the retailer achieved a leaner, faster, and more resilient digital storefront. The improvements in caching and content delivery reduced load times by nearly 70%, improved Core Web Vitals across the board, and boosted organic and conversion performance.

The project underscores how collapsing the stack and optimizing edge delivery can transform user experience—and, by extension, business growth—for any global retailer navigating the demands of modern e-commerce.

Key results showing web performance improvements: 50% faster Largest Contentful Paint, 60% faster Time to First Byte, 70% faster page load speed, and 80% higher cache hit rate.

Significant gains across speed and caching metrics.

A major North American fashion retailer operating several lifestyle brands sought to improve online performance amid global expansion. With both retail stores and a fast-growing digital presence, the company faced website speed issues affecting user experience, SEO, and revenue.

Over 30 days, its e-commerce site served 25 million page views and generated nearly $6 million. Partnering with Harper, the retailer modernized its edge architecture and optimized caching, achieving faster load times, stronger Core Web Vitals, and higher conversion rates within weeks.

The Performance Problem

Before working with Harper to improve performance, the retailer’s website struggled with long initial load times and poor Core Web Vitals performance, particularly on product detail pages—the heart of the conversion funnel.

Time to First Byte (TTFB) often exceeded three to four seconds, while Largest Contentful Paint (LCP) delays were dragging down organic search performance and customer engagement. The underlying issue stemmed from inefficient caching: pages were cached for only five minutes and lacked global replication. This meant that nearly every user request hit the origin, generating unnecessary latency and higher infrastructure costs.

This inefficiency caused substantial origin load and latency across both Harper’s and Akamai’s caching layers. In short, the company needed a faster, more efficient way to deliver content globally without sacrificing freshness or flexibility for its marketing and merchandising teams.

The Harper Solution

Platform Migration & Framework Hosting
Harper provided a rapid transition from the retailer’s previous edge platform, standing up a fully compatible environment for its modern JavaScript framework in just a few weeks. This included support for dynamic page transformations, ensuring that personalized attributes and merchandising logic remain intact.

Global Edge Caching Strategy
Harper helped the retailer unlock significant performance gains by redesigning their caching approach. Harper’s granular controls extended the cache duration on product detail pages from 5 minutes to roughly 23 hours, while also enabling full edge replication for uniform performance across regions without increasing origin calls. All in all, this raised cache hit rates to roughly 80% and significantly reduced origin load, cutting TTFB by more than half.

Browser Optimization with Early Hints
To tackle LCP delays, Harper deployed HTTP 103 Early Hints, allowing browsers to preload critical assets while waiting for the origin response. This closed the final performance gap on key product pages, enabling up to 50% faster visual rendering.

Each step combined to collapse multiple layers of latency, simplify operations, and accelerate the entire digital experience without increasing developer or infrastructure overhead.

Conclusion

Through its partnership with Harper, the retailer achieved a leaner, faster, and more resilient digital storefront. The improvements in caching and content delivery reduced load times by nearly 70%, improved Core Web Vitals across the board, and boosted organic and conversion performance.

The project underscores how collapsing the stack and optimizing edge delivery can transform user experience—and, by extension, business growth—for any global retailer navigating the demands of modern e-commerce.

Discover how Harper helped a leading global fashion retailer achieve 70% faster page loads, a 60% reduction in TTFB, and stronger Core Web Vitals through edge optimization and intelligent caching in this performance-focused case study.

Download

White arrow pointing right
Discover how Harper helped a leading global fashion retailer achieve 70% faster page loads, a 60% reduction in TTFB, and stronger Core Web Vitals through edge optimization and intelligent caching in this performance-focused case study.

Download

White arrow pointing right
Discover how Harper helped a leading global fashion retailer achieve 70% faster page loads, a 60% reduction in TTFB, and stronger Core Web Vitals through edge optimization and intelligent caching in this performance-focused case study.

Download

White arrow pointing right

Explore Recent Resources

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
Tutorial
GitHub Logo

Production Quality at Vibe Code Velocity: Dispatched Agent Teams with Harper

Harper enables production-grade agentic engineering by collapsing database, cache, runtime, and messaging into one process, reducing agent complexity and review burden. A multi-model dispatch workflow lets specialized agents plan, code, QA, and review in parallel while humans retain control over critical decisions.
Tutorial
Harper enables production-grade agentic engineering by collapsing database, cache, runtime, and messaging into one process, reducing agent complexity and review burden. A multi-model dispatch workflow lets specialized agents plan, code, QA, and review in parallel while humans retain control over critical decisions.
Person with very short hair and a goatee wearing a plaid button‑up shirt over a white undershirt, smiling outdoors with leafy greenery behind.
Jeff Darnton
SVP, Professional Services & Customer Success
Tutorial

Production Quality at Vibe Code Velocity: Dispatched Agent Teams with Harper

Harper enables production-grade agentic engineering by collapsing database, cache, runtime, and messaging into one process, reducing agent complexity and review burden. A multi-model dispatch workflow lets specialized agents plan, code, QA, and review in parallel while humans retain control over critical decisions.
Jeff Darnton
May 2026
Tutorial

Production Quality at Vibe Code Velocity: Dispatched Agent Teams with Harper

Harper enables production-grade agentic engineering by collapsing database, cache, runtime, and messaging into one process, reducing agent complexity and review burden. A multi-model dispatch workflow lets specialized agents plan, code, QA, and review in parallel while humans retain control over critical decisions.
Jeff Darnton
Tutorial

Production Quality at Vibe Code Velocity: Dispatched Agent Teams with Harper

Harper enables production-grade agentic engineering by collapsing database, cache, runtime, and messaging into one process, reducing agent complexity and review burden. A multi-model dispatch workflow lets specialized agents plan, code, QA, and review in parallel while humans retain control over critical decisions.
Jeff Darnton
Tutorial
GitHub Logo

Change Data Capture Into a Runtime: One Pipeline for Pages, Search, and AI Agents

Learn how Harper turns CDC streams into real-time workflows that refresh cached pages, update search indexes, and keep AI agent context current. See why landing changes in an application runtime beats warehouses, queues, and traditional CDNs.
Tutorial
Learn how Harper turns CDC streams into real-time workflows that refresh cached pages, update search indexes, and keep AI agent context current. See why landing changes in an application runtime beats warehouses, queues, and traditional CDNs.
Person with very short hair and a goatee wearing a plaid button‑up shirt over a white undershirt, smiling outdoors with leafy greenery behind.
Jeff Darnton
SVP, Professional Services & Customer Success
Tutorial

Change Data Capture Into a Runtime: One Pipeline for Pages, Search, and AI Agents

Learn how Harper turns CDC streams into real-time workflows that refresh cached pages, update search indexes, and keep AI agent context current. See why landing changes in an application runtime beats warehouses, queues, and traditional CDNs.
Jeff Darnton
May 2026
Tutorial

Change Data Capture Into a Runtime: One Pipeline for Pages, Search, and AI Agents

Learn how Harper turns CDC streams into real-time workflows that refresh cached pages, update search indexes, and keep AI agent context current. See why landing changes in an application runtime beats warehouses, queues, and traditional CDNs.
Jeff Darnton
Tutorial

Change Data Capture Into a Runtime: One Pipeline for Pages, Search, and AI Agents

Learn how Harper turns CDC streams into real-time workflows that refresh cached pages, update search indexes, and keep AI agent context current. See why landing changes in an application runtime beats warehouses, queues, and traditional CDNs.
Jeff Darnton
Tutorial
GitHub Logo

Harper + Vertex AI: The Architecture Every Agent Builder Should Know

Production agents bleed tokens and latency on repeated queries. Pair a managed model layer with a vector-indexed data layer at the edge, and an 80% cache hit rate cuts LLM spend by 80% while delivering sub-100ms responses on semantically similar requests.
Tutorial
Production agents bleed tokens and latency on repeated queries. Pair a managed model layer with a vector-indexed data layer at the edge, and an 80% cache hit rate cuts LLM spend by 80% while delivering sub-100ms responses on semantically similar requests.
Person with styled reddish‑brown hair and a full beard wearing a gray suit with a light blue shirt and dark green tie, posing outdoors with a blurred pathway and greenery behind.
Drew Chambers
CMO
Tutorial

Harper + Vertex AI: The Architecture Every Agent Builder Should Know

Production agents bleed tokens and latency on repeated queries. Pair a managed model layer with a vector-indexed data layer at the edge, and an 80% cache hit rate cuts LLM spend by 80% while delivering sub-100ms responses on semantically similar requests.
Drew Chambers
May 2026
Tutorial

Harper + Vertex AI: The Architecture Every Agent Builder Should Know

Production agents bleed tokens and latency on repeated queries. Pair a managed model layer with a vector-indexed data layer at the edge, and an 80% cache hit rate cuts LLM spend by 80% while delivering sub-100ms responses on semantically similar requests.
Drew Chambers
Tutorial

Harper + Vertex AI: The Architecture Every Agent Builder Should Know

Production agents bleed tokens and latency on repeated queries. Pair a managed model layer with a vector-indexed data layer at the edge, and an 80% cache hit rate cuts LLM spend by 80% while delivering sub-100ms responses on semantically similar requests.
Drew Chambers