NextJS High LPC (Large Content Paint)

Hey, I'm dealing with a problem on my NextJS site where my LPC score is between 3-4 seconds. I've gotten it down to around ~2 seconds by removing google analytics, posthog analytics, client components, and sentry now I'm adding things back to see what the problem is.

Source code: https://github.com/answeroverflow/answeroverflow

Testing method is removing everything from the site, and then building and starting a production verison locally


LCP Improvements List:
  • Removing tremor safelist reduced css bundle by 50%
  • Using <a> instead of next/link took .3s off of LPC
  • Lazy loading avatar images, kept LPC at 2.2
LCP Deprovements List:
  • GA 2.2->2.5
  • Google Fonts 2.2->2.7
image.png
GitHub
Indexing Discord Help Channel Questions into Google - GitHub - AnswerOverflow/AnswerOverflow: Indexing Discord Help Channel Questions into Google
Was this page helpful?