Rendering and client execution

What changes when a crawler reads server HTML, executes scripts, or inspects a rendered DOM.

Return to the complete atlas, or read this six-article section in any order.

• Server-rendered contentServer rendering places the primary text and links directly in the HTTP response body.
• Client-rendered contentClient rendering creates important content or navigation only after JavaScript runs.
• HydrationHydration attaches client behavior to HTML that was already rendered on the server.
• Progressive enhancementProgressive enhancement starts with functional HTML and layers richer behavior on top.
• Lazy-loaded contentLazy content is deferred until a viewport, interaction, or application state triggers its retrieval.
• Shadow DOM visibilityShadow DOM encapsulates component markup behind a host element and a shadow root.