AletheiaFact / AletheiaFact/aletheia

Lazy load commons images and stop fetching them in SSR mode

オープン
#1,103 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
good first issue performance tech
主要言語
TypeScript
スター
55
フォーク
20
平均マージ
2日 6時間
マージ済み PR(30日)
2

説明

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

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。