AletheiaFact / AletheiaFact/aletheia

Lazy load commons images and stop fetching them in SSR mode

Aperta
#1,103 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
good first issue performance tech
Lingua principale
TypeScript
Stelle
55
Fork
20
Merge medio
2g 6h
PR unite (30g)
2

Descrizione

## Background Information
From the new relic dashboard we identified that the personality pages have slow outliers and one thing we can do to improve is stop rendering commons images during SSR. Fetching the image takes up to 25% of the loading time, see image below.
![image](https://github.com/AletheiaFact/aletheia/assets/6544309/0f96f617-8f06-47a2-8a60-c710f44a4db6)

## How
[Look at the Next.js documentation for lazyloading component](https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading). The component that needs to be lazyloaded is [AletheiaAvatar.tsx](https://github.com/AletheiaFact/aletheia/blob/stage/src/components/AletheiaAvatar.tsx)

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.