DynamicLayers — JS Rendering Profiler

This site tests how well crawlers handle progressively harder JavaScript rendering challenges. Each tier adds complexity, from fully static HTML to single-page applications with pushState routing.

Rendering Tiers

Tier 0: Static HTML

All content rendered in static HTML. No JavaScript required.

/static

Tier 1: Fetch-Loaded Content

Page shell is static; content is fetched via JS on page load and injected into the DOM.

/fetch-loaded

Tier 2: Click-Reveal Content

Content is hidden behind a button click that triggers a fetch request.

/click-reveal

Tier 3: Multi-Step Interaction

Content requires 3 sequential button clicks, each fetching the next piece of data.

/multi-step

Tier 4: SPA (Hash Routing)

Single-page application with hash-based routing (#/page1, #/page2, #/page3).

/spa

Tier 4b: SPA (pushState Routing)

Single-page application using the History API (pushState) for clean URLs.

/spa-push