Skip to content

fix lcp n eliminate render blocking fonts via next/font#45

Open
IbrahimAhmed8 wants to merge 1 commit into
akyourowngames:mainfrom
IbrahimAhmed8:fix/docs-perf
Open

fix lcp n eliminate render blocking fonts via next/font#45
IbrahimAhmed8 wants to merge 1 commit into
akyourowngames:mainfrom
IbrahimAhmed8:fix/docs-perf

Conversation

@IbrahimAhmed8

Copy link
Copy Markdown
Contributor

Resolves the final documentation performance issues outlined in #8

Changes applied:

  • LCP Optimization: Removed opacity: 0 from the initial state of the above-the-fold motion wrappers in DocsHomePage and DocsArticlePage. This allows the largest text elements to paint immediately at full opacity, eliminating the LCP penalty
  • Render-Blocking Fonts: Migrated global fonts (Inter, Space Grotesk, Bebas Neue, JetBrains Mono) to Next.js next/font within the root layout.tsx. Enforced display: 'swap' on all instances to prevent invisible text during font loading (FOIT)
  • Below-the-fold: Kept original whileInView opacity animations for lower sections to preserve visual pacing without affecting initial load metrics

Tested locally. tsc --noEmit passes cleanly. All items in Issue #8 are now complete

@vercel

vercel Bot commented Apr 11, 2026

Copy link
Copy Markdown

@IbrahimAhmed8 is attempting to deploy a commit to the akyourowngames' projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant