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
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
GitHub
Indexing Discord Help Channel Questions into Google - GitHub - AnswerOverflow/AnswerOverflow: Indexing Discord Help Channel Questions into Google
