Skip to content

ADR_00025: Edge rendering pro zlepšení interaktivity (INP)

Status: Proposed / Accepted
Date: 2025-12-30

Context

INP dosahuje 300–500 ms.
Client‑side rendering způsobuje vysokou latenci prvního vstupu.
Interaktivní prvky se hydratují pozdě, což snižuje UX.

Decision

1. Přechod na edge rendering

  • SSR

2. Optimalizace hydratace

  • granularita komponent
    • rozdělení na menší celky v UI (carousel, dropdown varianty, filtery, swidgety..)
  • lazy loading interaktivních částí
    • Komponenta se hydratuje až když je ve viewportu, nebo až když s ní chce uživatel interagovat. Případně až po prvním renderu, aby se neblokoval hlavní thread.

Consequences

Pozitiva

  • Zlepšení INP o 20–40 %
  • Rychlejší vykreslení UI
  • Lepší SEO a crawlability

Negativa

  • Vyšší nároky na build pipeline
  • Nutnost řízení cache invalidace

Rationale

Rozhodnutí Důvod
Edge rendering Nižší latence a rychlejší interaktivita
SSR/ISR Podíl na lepším výkonu -> SEO
Optimalizace hydration Rychlejší reakce UI
  • ADR_00023: Volba CDN jako primární distribuční vrstva