colgora/Mangarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(reader): windowing + eager loading sur l'InfiniteReader #14

Merged
colgora merged 1 commits from perf/reader-lazy-loading into main 2026-03-15 17:51:08 +01:00
Conversation 0 Commits 1 Files Changed 4 +102 -25
colgora commented 2026-03-15 17:50:34 +01:00
Owner
Copy Link
  • Windowing côté rendu : seules les pages dans une fenêtre de ±3 autour
    de la page visible sont montées en tant que ReaderPage ; les autres
    sont remplacées par des placeholders dimensionnés via aspect-ratio CSS
    pour maintenir la hauteur de scroll sans saut
  • IntersectionObserver utilise le minimum des indices intersectants pour
    éviter que les entrées simultanées au chargement ne décalent la fenêtre
  • Prop initialPage passé depuis ChapterReader pour ancrer la fenêtre sur
    la page courante dès le montage
  • loading="eager" sur les ReaderPage montés (le windowing est le mécanisme
    de lazy-loading, pas l'attribut HTML natif)
  • Prop loading bindé sur les 3 balises de ReaderPage
- Windowing côté rendu : seules les pages dans une fenêtre de ±3 autour de la page visible sont montées en tant que ReaderPage ; les autres sont remplacées par des placeholders dimensionnés via aspect-ratio CSS pour maintenir la hauteur de scroll sans saut - IntersectionObserver utilise le minimum des indices intersectants pour éviter que les entrées simultanées au chargement ne décalent la fenêtre - Prop initialPage passé depuis ChapterReader pour ancrer la fenêtre sur la page courante dès le montage - loading="eager" sur les ReaderPage montés (le windowing est le mécanisme de lazy-loading, pas l'attribut HTML natif) - Prop loading bindé sur les 3 balises <img> de ReaderPage
colgora added 1 commit 2026-03-15 17:50:34 +01:00
perf(reader): windowing + eager loading sur l'InfiniteReader 74f033f5d1 
- Windowing côté rendu : seules les pages dans une fenêtre de ±3 autour
  de la page visible sont montées en tant que ReaderPage ; les autres
  sont remplacées par des placeholders dimensionnés via aspect-ratio CSS
  pour maintenir la hauteur de scroll sans saut
- IntersectionObserver utilise le minimum des indices intersectants pour
  éviter que les entrées simultanées au chargement ne décalent la fenêtre
- Prop initialPage passé depuis ChapterReader pour ancrer la fenêtre sur
  la page courante dès le montage
- loading="eager" sur les ReaderPage montés (le windowing est le mécanisme
  de lazy-loading, pas l'attribut HTML natif)
- Prop loading bindé sur les 3 balises <img> de ReaderPage
colgora merged commit b40892b924 into main 2026-03-15 17:51:08 +01:00
colgora deleted branch perf/reader-lazy-loading 2026-03-15 17:51:08 +01:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
colgora
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: colgora/Mangarr#14
Delete Branch "perf/reader-lazy-loading"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?