Click Below to Get the Code

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

Technical SEO 101: Early Hints | On-Demand Webinar

In the latest Harper SEO Series session, experts from SearchSide and Akamai explored how implementing Early Hints (HTTP 103) can dramatically speed up website load times and boost SEO performance. The session showcased a live demo where Akamai EdgeWorkers and Harper worked together to cut Largest Contentful Paint from 2.9s to 2.0s — proving that even fractional improvements in speed can lead to meaningful business gains.
Event

Technical SEO 101: Early Hints | On-Demand Webinar

Jaxon Repp
Field CTO
at Harper
August 13, 2025
Jaxon Repp
Field CTO
at Harper
August 13, 2025
Jaxon Repp
Field CTO
at Harper
August 13, 2025
August 13, 2025
In the latest Harper SEO Series session, experts from SearchSide and Akamai explored how implementing Early Hints (HTTP 103) can dramatically speed up website load times and boost SEO performance. The session showcased a live demo where Akamai EdgeWorkers and Harper worked together to cut Largest Contentful Paint from 2.9s to 2.0s — proving that even fractional improvements in speed can lead to meaningful business gains.
Jaxon Repp
Field CTO

In our latest Harper SEO Series session, I had the privilege of hosting two experts: Martin Spiek (CEO, SearchSide) and Brian Apley (Principal Cloud Architect, Akamai). Together, we unpacked Early Hints (HTTP 103) — what they are, why they matter for SEO and conversions, and how you can implement them quickly for measurable gains.

Why Website Speed is a Competitive Advantage

Performance is table stakes. Your site isn’t just competing on content, it’s competing on speed. Martin put it perfectly: “Milliseconds matter. A faster experience means more time on site, more pages viewed, and more revenue — both immediate and over the customer’s lifetime.”

In other words, if you can shave even fractions of a second off your load times, you can outpace your competition and improve user satisfaction.

What Early Hints Actually Do

Normally, a browser waits for the full HTML (200 OK) before it can start downloading linked assets. Early Hints (HTTP 103) flips that model. By sending a partial response first — a tiny set of instructions for the browser — we can tell it to start fetching critical assets before the rest of the page is ready.

That means your largest image, key CSS, or critical JS is already in place when rendering begins. The result? Better Core Web Vitals and a faster perceived load for your visitors.

How We Implemented It with Harper + Akamai

Here’s the setup we demoed:

  • Harper serves as the dynamic source of Early Hint data for each page.
  • Akamai Edgeworkers intercept requests at the CDN edge, fetch the relevant hints from Harper, and inject them into the HTTP 103 response.

This ensures hints are served from the closest edge location with ultra-low latency, and we can tailor them per page type for maximum impact.

The Demo Results

On harpersystems.dev, a site already optimized by Webflow and CDNs, Early Hints still made a difference:

  • Before: Largest Contentful Paint (LCP) at 2.9s.
  • After Early Hints: LCP dropped to 2.0s — nearly a full second faster.

That’s a big win for such a simple change.

Key Takeaways

  • Be selective — only hint critical render-blocking assets.
  • Keep HTML preload fallbacks for browsers like Safari on iOS.
  • Measure results with both Lighthouse and real user monitoring (RUM).

If you missed the live session, I encourage you to watch the full webinar (embeded above) and see just how easy it is to implement Early Hints for real-world performance gains.

Resources:
Harper Early Hints GitHub Repo

Learn about Harper 

Akamai Edgeworkers Overview

In our latest Harper SEO Series session, I had the privilege of hosting two experts: Martin Spiek (CEO, SearchSide) and Brian Apley (Principal Cloud Architect, Akamai). Together, we unpacked Early Hints (HTTP 103) — what they are, why they matter for SEO and conversions, and how you can implement them quickly for measurable gains.

Why Website Speed is a Competitive Advantage

Performance is table stakes. Your site isn’t just competing on content, it’s competing on speed. Martin put it perfectly: “Milliseconds matter. A faster experience means more time on site, more pages viewed, and more revenue — both immediate and over the customer’s lifetime.”

In other words, if you can shave even fractions of a second off your load times, you can outpace your competition and improve user satisfaction.

What Early Hints Actually Do

Normally, a browser waits for the full HTML (200 OK) before it can start downloading linked assets. Early Hints (HTTP 103) flips that model. By sending a partial response first — a tiny set of instructions for the browser — we can tell it to start fetching critical assets before the rest of the page is ready.

That means your largest image, key CSS, or critical JS is already in place when rendering begins. The result? Better Core Web Vitals and a faster perceived load for your visitors.

How We Implemented It with Harper + Akamai

Here’s the setup we demoed:

  • Harper serves as the dynamic source of Early Hint data for each page.
  • Akamai Edgeworkers intercept requests at the CDN edge, fetch the relevant hints from Harper, and inject them into the HTTP 103 response.

This ensures hints are served from the closest edge location with ultra-low latency, and we can tailor them per page type for maximum impact.

The Demo Results

On harpersystems.dev, a site already optimized by Webflow and CDNs, Early Hints still made a difference:

  • Before: Largest Contentful Paint (LCP) at 2.9s.
  • After Early Hints: LCP dropped to 2.0s — nearly a full second faster.

That’s a big win for such a simple change.

Key Takeaways

  • Be selective — only hint critical render-blocking assets.
  • Keep HTML preload fallbacks for browsers like Safari on iOS.
  • Measure results with both Lighthouse and real user monitoring (RUM).

If you missed the live session, I encourage you to watch the full webinar (embeded above) and see just how easy it is to implement Early Hints for real-world performance gains.

Resources:
Harper Early Hints GitHub Repo

Learn about Harper 

Akamai Edgeworkers Overview

In the latest Harper SEO Series session, experts from SearchSide and Akamai explored how implementing Early Hints (HTTP 103) can dramatically speed up website load times and boost SEO performance. The session showcased a live demo where Akamai EdgeWorkers and Harper worked together to cut Largest Contentful Paint from 2.9s to 2.0s — proving that even fractional improvements in speed can lead to meaningful business gains.

Download

White arrow pointing right
In the latest Harper SEO Series session, experts from SearchSide and Akamai explored how implementing Early Hints (HTTP 103) can dramatically speed up website load times and boost SEO performance. The session showcased a live demo where Akamai EdgeWorkers and Harper worked together to cut Largest Contentful Paint from 2.9s to 2.0s — proving that even fractional improvements in speed can lead to meaningful business gains.

Download

White arrow pointing right
In the latest Harper SEO Series session, experts from SearchSide and Akamai explored how implementing Early Hints (HTTP 103) can dramatically speed up website load times and boost SEO performance. The session showcased a live demo where Akamai EdgeWorkers and Harper worked together to cut Largest Contentful Paint from 2.9s to 2.0s — proving that even fractional improvements in speed can lead to meaningful business gains.

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