Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Migrate to Next.js #254

Open
wants to merge 19 commits into
base: develop
Choose a base branch
from
Open

Conversation

neo773
Copy link
Contributor

@neo773 neo773 commented May 29, 2024

Optimizations:

  • Migrate to Next.js
  • Patched GraphiQL to load fonts via CDN, reducing CSS Bundle
  • Lazy loading lottie
  • Optimized Lottie animation files reducing size by another 50%
  • Optimized all PNGs and JPEGs along
  • Added AVIF image extension for modern browsers.

Report:

Mobile

Home (Before)

Screenshot 2024-05-29 at 11 58 00 PM

Home (After)

  • FCP: 5.0 s to 1.0 s (5.0x improvement)
  • LCP: 7.2 s to 2.0 s (3.6x improvement)
  • Total Blocking Time: 510 ms to 100 ms (5.1x improvement)
  • Cumulative Layout Shift: 0.104 to 0 (Complete elimination)
  • Speed Index: 6.3 s to 1.9 s (3.3x improvement)
Screenshot 2024-05-29 at 11 54 58 PM

Playground (Before)

Screenshot 2024-05-29 at 11 57 26 PM

Playground (After)

2x improvement in FCP and Speed Index. Unfortunately 100 isn't possible as it loads a full flown GraphQL IDE with intellisense

Screenshot 2024-05-29 at 11 59 53 PM

Desktop

(Home) Before

Screenshot 2024-05-30 at 12 03 39 AM

(Home) After

3x improvement in FCP, LCP and 2x for Speed Index.

Screenshot 2024-05-29 at 11 55 29 PM

(Playground) Before

Screenshot 2024-05-30 at 12 07 01 AM

(Playground) After

0.9x improvement in FCP, 2.4x forLCP and 2x for Speed Index.

Screenshot 2024-05-30 at 12 07 09 AM

/claim #216
/claim #217

fixes #216
fixes #217

@neo773 neo773 marked this pull request as ready for review May 29, 2024 18:21
@neo773 neo773 changed the title Migrate to Next.js feat: Migrate to Next.js May 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants