← Back to home

Transparency

Performance & quality

A short, factual overview of how this portfolio is tuned for speed and stability. Live metrics below reflect your current visit only.

Core Web Vitals (live)

This session · Google thresholds

  • LCP
    …
  • INP
    …
  • CLS
    …
  • FCP
    …
  • TTFB
    …

Images

  • Hero and UI imagery use next/image with explicit sizes so the browser downloads an appropriate resolution for each viewport.
  • Above-the-fold hero imagery is marked priority; gallery and grid images load lazily with responsive breakpoints aligned to the layout.
  • Raster assets stay in the public pipeline Next optimizes automatically; layout reserves aspect ratio to reduce cumulative layout shift.

Fonts

  • Latin text uses Space Grotesk and Manrope from next/font/google with subset latin and display: swap to avoid invisible text during load.
  • Arabic uses Alexandria as a local font via next/font/local with the same swap behavior for consistent RTL performance.
  • Fonts are applied through CSS variables on the root layout, so pages avoid extra network round-trips and flash-of-unstyled-text is minimized.

Lighthouse & lab data

Automated Lighthouse runs (Chrome DevTools or CI) complement field metrics: they flag accessibility, best practices, and bundle opportunities in a controlled environment.

Numbers will vary by device, network, and cache state — use this page’s live vitals together with your own lab runs when evaluating real-world performance.