Skip to content

optimize LCP/ lazy load sections and offload animations to gpu#44

Open
IbrahimAhmed8 wants to merge 1 commit into
akyourowngames:mainfrom
IbrahimAhmed8:fix/landing-page-lcp
Open

optimize LCP/ lazy load sections and offload animations to gpu#44
IbrahimAhmed8 wants to merge 1 commit into
akyourowngames:mainfrom
IbrahimAhmed8:fix/landing-page-lcp

Conversation

@IbrahimAhmed8

Copy link
Copy Markdown
Contributor

resolves the landing page performance issues outlined in #8

Changes applied:

  • LCP Optimization: Refactored the Hero section animations to remove opacity: 0 from initial states. The large text now paints immediately at full opacity while animating the y axis, eliminating the LCP penalty.
  • Unused JS Reduction: Extracted all below-the-fold components (Ticker, About, Stats, Academics, Gallery, Contact, Footer) into a new sections/ directory and implemented next/dynamic imports to drastically reduce the initial JS payload
  • Main-Thread Relief: Added will-change-transform to the FluidBackground animated blobs to promote them to their own composite layers, offloading the heavy blur and animations to the GPU
  • Clean Up: Removed unused imports and ensured TypeScript compilation (tsc --noEmit) passes cleanly with exit code 0

Tested locally. Visual design and animations remain perfectly intact

@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