Home › Work › AI-First Digital Visibility

AI-First Digital Visibility

AI-readiness quick wins: 2.5x faster pages and AI-crawlable content in six weeks

A six-week implementation of 10 quick wins across performance, crawlability, understandability, accessibility and process, delivered on the existing AEM and React platform.

SectorTourism
ClientState tourism organisation
RoleAdobe Solution Architect and Tech Lead
PeriodDec 2025 - Present
EmployerAnchora
201020122014201620182020202220242026
Outcomes at a glance

The numbers

2.5xpage load speed improvement on article pages
>50%React bundle size reduction
~25%reduction in total bandwidth
2 sLCP reduction on simulated fast 4G
The challenge

Where it started

  • A full SPA bundle and render-blocking scripts slowing article pages
  • Navigation and internal links invisible to crawlers until interaction
  • Inconsistent structured data and no llms.txt for AI platforms
  • Keyboard and heading issues in shared components
  • Slow local build and test cycles
Before and after

Ten quick wins across five domains

Performance

Bundle sizeFull SPA bundleMore than 50% smaller via code-splitting
LCP (fast 4G)Around 4 to 5 s baselineAround 2 s reduction achieved
BandwidthUnoptimised imagesAround 25% cut via Dynamic Media
Render blockingmodel.js blocking renderPre-loaded; blockers removed

Crawlability

DOM navigationJS-only menu, invisible to crawlersNavigation in the DOM on initial load
robots.txtMismatched crawl directivesExplicit rules for bots and AI crawlers
Internal linksHidden behind interactionFully discoverable on load

Understandability

JSON-LD IDsInconsistent entity IDsFixed; correct entity resolution
Event markupNo structured dataJSON-LD added to events pages
Script qualityEmpty or invalid script tagsRemoved; clean parser signals
llms.txtNot presentImplemented; identity defined for LLMs

Accessibility

Keyboard navigationHeader menu not keyboard operableFully operable; focus states fixed
Heading levelsIncorrect levels in banner componentsCorrected across all templates

Process

Local dispatcherNo local AEM dispatcherRunning locally and testable
Build timeMinutes per cycleDown to a few seconds
URL rewritingBroken local navigationCorrect rewrites in the local environment
What was delivered

Scope and deliverables

  • Code-split React bundles and pre-loaded critical scripts
  • Image optimisation through Dynamic Media
  • Server-visible navigation and discoverable internal links
  • robots.txt rules for search and AI crawlers
  • Corrected JSON-LD entities and events structured data
  • llms.txt defining the brand identity for LLMs
  • Keyboard-operable navigation and corrected heading levels
  • Local AEM dispatcher, fast builds and URL rewriting
Architecture view

How the pieces connect

Architecture view: AEM + React website connected to Dynamic Media, robots.txt, llms.txt, JSON-LD, AEM Dispatcher, AI crawlers, Search enginesAEM + ReactwebsiteDynamic Mediarobots.txtllms.txtJSON-LDAEM DispatcherAI crawlersSearch engines

Simplified view of the main platform and the systems it connects to.

Infographic

Before and after

Article page load time2.5x faster
React bundle sizemore than 50% smaller
Total bandwidtharound 25% less
BeforeAfter

Relative values, baseline = 100. Derived from the measured improvements above.

The result

Outcomes

  • 2.5x faster article pages and a 2 s LCP reduction on simulated fast 4G
  • More than 50% smaller React bundles and around 25% less bandwidth
  • Content and navigation visible to search engines and AI crawlers on first load
  • Accessibility fixes across all templates and a faster developer workflow

Facing a similar challenge?

Let's talk about strategy, architecture and delivery.

Get in touch