Quick reference · Print-friendly

Rendering interview playbook

Clarify, partition, assign policies, expose risks, verify.

5 movesA repeatable senior answer

The answer spine

MoveSay or drawWhat it proves
1 · ClarifyJourneys, freshness, privacy, SEO, devices, traffic, failure toleranceYou design from constraints, not fashion
2 · PartitionStable/volatile, public/private, critical/optional, static/interactiveYou see hybrid seams
3 · AssignGeneration, cache, delivery/reveal, client executionYou do not collapse independent axes
4 · DefendKeys, invalidation, serialization, status, fallbacks, authorizationYou understand correctness and operations
5 · VerifyField cohort, trace, budget, experiment, guardrails, rollbackYou close with evidence

Whiteboard inventory

Data

Owner, freshness, privacy, dependency shape, authorization, failure behavior.

Cache

Key, TTL, invalidation event, stale window, scope, stampede control.

Delivery

Shell, stream boundaries, fallback geometry, status commitment, abort.

Client

Entry points, transitive graph, hydration/resume, state channel, no-JS path.

Evidence

Field segment, Web Vitals path, cache/origin spans, errors, cost.

Rollout

Canary, feature flag, correctness tests, alert, rollback threshold.

Diagnostic prompts

  1. Which user and navigation is slow: new, returning, crawler, cold, warm, client transition?
  2. Which segment dominates: origin, transfer, discovery, browser CPU, interaction, or layout?
  3. Which evidence would falsify the leading explanation?
  4. What correctness property could the optimization weaken?
  5. What happens under cache miss, dependency timeout, partial failure, and retry?
  6. Which result would make you reverse the architectural choice?

Compact close

“Given these assumptions, I’d partition the page by freshness, privacy, criticality, and interaction. Each region gets an explicit generation, cache, delivery, and client-execution policy. The largest risks are X and Y. I’d validate them with Z field segment and correlated traces, ship behind a canary, and roll back if the correctness or latency guardrail moves.”