AletheiaFact/aletheia

Lazy load commons images and stop fetching them in SSR mode

Offen

#1.103 geöffnet am 16.11.2023

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (19 Forks)auto 404
good first issueperformancetech

Repository-Metriken

Stars
 (53 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 4T) (12 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Befolgen Sie die Next.js Dokumentation zum Lazy Loading von Komponenten und wenden Sie sie auf AletheiaAvatar.tsx an, um SSR für diese Komponente zu deaktivieren.
Tech Stack
typescriptreactnextjs
Domain
frontend
Issue Type
Performance
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Next.jsReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70