AletheiaFact/aletheia

Lazy load commons images and stop fetching them in SSR mode

Aperta

#1103 aperta il 16 nov 2023

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (19 fork)auto 404
good first issueperformancetech

Metriche repository

Star
 (53 stelle)
Metriche merge PR
 (Merge medio 4g) (12 PR mergiate in 30 g)

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

How

Look at the Next.js documentation for lazyloading component. The component that needs to be lazyloaded is AletheiaAvatar.tsx

Guida contributor

Direzione di ricerca
Segui la documentazione di Next.js sui componenti a caricamento lento e applicala a AletheiaAvatar.tsx per disabilitare la SSR per quel componente.
Tech stack
typescriptreactnextjs
Dominio
frontend
Tipo issue
Performance
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Next.jsReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70