Skip to content

Site Performance

Performance standards and techniques to keep pages fast and responsive.

  • Budgets: LCP ≤ 2.5s, CLS ≤ 0.1, INP ≤ 200ms, TTFB ≤ 0.8s.
  • Media: modern formats (AVIF/WebP), responsive sizes, lazy-load below fold.
  • CSS/JS: critical CSS inline, code-split, defer non-critical scripts.
  • Caching: long-lived immutable assets, HTML cached where safe, CDN.
  • Fonts: system-first, preconnect/preload, swap strategy.
  • Avoid render-blocking; minimize third-party scripts.
  • Image component with srcset + sizes; route-level code splitting.
  • Trade-offs with interactivity; test real-user metrics regularly.