Click Below to Get the Code

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

The Impact of Early Hints - Mid-Market

A U.S. mid-market online retailer struggling with Core Web Vitals and mobile performance saw search visibility and engagement plateau despite ongoing optimization efforts. By deploying Harper’s Early Hints technology in a 30-day proof of concept, the retailer achieved faster load times, 72% fewer poor mobile URLs, and an estimated $600K annual revenue uplift with minimal engineering effort.
Case Study

The Impact of Early Hints - Mid-Market

Harper
at Harper
September 17, 2025
Harper
at Harper
September 17, 2025
Harper
at Harper
September 17, 2025
September 17, 2025
A U.S. mid-market online retailer struggling with Core Web Vitals and mobile performance saw search visibility and engagement plateau despite ongoing optimization efforts. By deploying Harper’s Early Hints technology in a 30-day proof of concept, the retailer achieved faster load times, 72% fewer poor mobile URLs, and an estimated $600K annual revenue uplift with minimal engineering effort.
Harper

Summary

A U.S. mid-market online retailer with a large product catalog was struggling with Core Web Vitals and site performance, limiting growth in search visibility and customer engagement. Despite steady investment in optimization, mobile scores showed widespread failures, creating a ceiling on revenue expansion. By deploying Harper’s Early Hints technology in a 30-day proof of concept (POC), the retailer achieved faster load times, significant improvements in Core Web Vitals, and measurable gains in user engagement. With minimal engineering effort and rapid rollout, the POC demonstrated clear business impact and established a strong case for scaling performance enhancements across the digital experience.

Context

This retailer manages a broad direct-to-consumer catalog with thousands of products. As organic search continued to drive a growing share of sessions, performance became critical for both customer experience and indexation. Yet Google Search Console showed that the majority of URLs were in the “Poor” category for LCP and CLS, restricting visibility and leaving revenue untapped. Leadership recognized that without a step-change in performance, marketing spend would plateau in effectiveness, and growth would stagnate.

The Problem

  • Core Web Vitals failures: The Majority of mobile URLs are flagged as poor
  • SEO growth limits: Indexation and visibility constrained by slow performance
  • Inefficient engagement: Customers viewed fewer pages per session
  • Risk of stagnation: Ongoing investment without proportional returns

The Solution: Early Hints

Harper partnered with the retailer to implement Early Hints, a distributed edge capability that preloads critical assets before full HTML is returned. By accelerating time-to-first-byte and largest contentful paint, Early Hints improved both customer experience and search engine responsiveness.

The proof of concept was deployed in less than 30 days with no refactoring of the retailer’s application. Early Hints was activated through platform configuration, making the rollout low-risk and minimally disruptive.

The Outcome

The POC generated clear improvements across performance, Core Web Vitals, and user engagement. Median LCP dropped by more than 1.3 seconds, a 56% reduction that moved a large share of mobile pages out of the “Poor” category. CLS also improved, with poor URLs decreasing by nearly 72%.

On the customer side, engagement metrics improved measurably within the Early Hints test group. Sessions were longer, product pages viewed per session rose by nearly 3%, and overall page views per session increased as well.

When modeled against industry benchmarks that link speed to conversion, the gains were estimated to result in a $600,000 annual revenue uplift. This established a compelling business case, based on a 6x ROI, for expanding Early Hints and exploring further enhancements, such as prerendering and advanced caching.

Conclusion & Path Forward

The POC validated that targeted acceleration of page loads delivers measurable SEO and revenue benefits for retailers with large catalogs. Building on these results, the next step is to roll out Early Hints site-wide and pursue additional strategies such as prerendering and advanced caching. Together, these improvements will move Core Web Vitals into the green range, securing long-term competitiveness and sustainable growth. For large-scale e-commerce organizations, performance is not just a technical metric—it is a revenue strategy.

Summary

A U.S. mid-market online retailer with a large product catalog was struggling with Core Web Vitals and site performance, limiting growth in search visibility and customer engagement. Despite steady investment in optimization, mobile scores showed widespread failures, creating a ceiling on revenue expansion. By deploying Harper’s Early Hints technology in a 30-day proof of concept (POC), the retailer achieved faster load times, significant improvements in Core Web Vitals, and measurable gains in user engagement. With minimal engineering effort and rapid rollout, the POC demonstrated clear business impact and established a strong case for scaling performance enhancements across the digital experience.

Context

This retailer manages a broad direct-to-consumer catalog with thousands of products. As organic search continued to drive a growing share of sessions, performance became critical for both customer experience and indexation. Yet Google Search Console showed that the majority of URLs were in the “Poor” category for LCP and CLS, restricting visibility and leaving revenue untapped. Leadership recognized that without a step-change in performance, marketing spend would plateau in effectiveness, and growth would stagnate.

The Problem

  • Core Web Vitals failures: The Majority of mobile URLs are flagged as poor
  • SEO growth limits: Indexation and visibility constrained by slow performance
  • Inefficient engagement: Customers viewed fewer pages per session
  • Risk of stagnation: Ongoing investment without proportional returns

The Solution: Early Hints

Harper partnered with the retailer to implement Early Hints, a distributed edge capability that preloads critical assets before full HTML is returned. By accelerating time-to-first-byte and largest contentful paint, Early Hints improved both customer experience and search engine responsiveness.

The proof of concept was deployed in less than 30 days with no refactoring of the retailer’s application. Early Hints was activated through platform configuration, making the rollout low-risk and minimally disruptive.

The Outcome

The POC generated clear improvements across performance, Core Web Vitals, and user engagement. Median LCP dropped by more than 1.3 seconds, a 56% reduction that moved a large share of mobile pages out of the “Poor” category. CLS also improved, with poor URLs decreasing by nearly 72%.

On the customer side, engagement metrics improved measurably within the Early Hints test group. Sessions were longer, product pages viewed per session rose by nearly 3%, and overall page views per session increased as well.

When modeled against industry benchmarks that link speed to conversion, the gains were estimated to result in a $600,000 annual revenue uplift. This established a compelling business case, based on a 6x ROI, for expanding Early Hints and exploring further enhancements, such as prerendering and advanced caching.

Conclusion & Path Forward

The POC validated that targeted acceleration of page loads delivers measurable SEO and revenue benefits for retailers with large catalogs. Building on these results, the next step is to roll out Early Hints site-wide and pursue additional strategies such as prerendering and advanced caching. Together, these improvements will move Core Web Vitals into the green range, securing long-term competitiveness and sustainable growth. For large-scale e-commerce organizations, performance is not just a technical metric—it is a revenue strategy.

A U.S. mid-market online retailer struggling with Core Web Vitals and mobile performance saw search visibility and engagement plateau despite ongoing optimization efforts. By deploying Harper’s Early Hints technology in a 30-day proof of concept, the retailer achieved faster load times, 72% fewer poor mobile URLs, and an estimated $600K annual revenue uplift with minimal engineering effort.

Download

White arrow pointing right
A U.S. mid-market online retailer struggling with Core Web Vitals and mobile performance saw search visibility and engagement plateau despite ongoing optimization efforts. By deploying Harper’s Early Hints technology in a 30-day proof of concept, the retailer achieved faster load times, 72% fewer poor mobile URLs, and an estimated $600K annual revenue uplift with minimal engineering effort.

Download

White arrow pointing right
A U.S. mid-market online retailer struggling with Core Web Vitals and mobile performance saw search visibility and engagement plateau despite ongoing optimization efforts. By deploying Harper’s Early Hints technology in a 30-day proof of concept, the retailer achieved faster load times, 72% fewer poor mobile URLs, and an estimated $600K annual revenue uplift with minimal engineering effort.

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