AletheiaFact / AletheiaFact/aletheia

Lazy load commons images and stop fetching them in SSR mode

Abierto
#1,103 0 comentarios 0 reacciones 0 asignados Ver en GitHub
good first issue performance tech
Lenguaje dominante
TypeScript
Estrellas
55
Forks
20
Merge medio
2 d 6 h
PR fusionados (30 d)
2

Descripción

## 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)

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.