KhronosGroup / KhronosGroup/glTF-Project-Explorer

Pagination

Open
#5 0 comments 1 reaction 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
95
Forks
48
PR merge metrics
No merged PRs in 30d

Description

Right now performance is fine but not great. Depending on the computer, initial load and clearing all filters is noticeably slow, taking about 250ms-400ms in my own testing. I've tracked this down to DOM repaint performance; we have a _lot_ of nodes on the page, so we should try to reduce that count.

I'm currently favoring pagination to limit the number of results we show at once. It tends to be more accessible than infinite scrolls and is easier to implement and maintain. A count of about `30` records per page seems good to me, but an open question I have is if we should have the ability to allow users to adjust this?

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by tracing the result rendering and filter-clearing entry points responsible for the initial load and repaint cost. Evaluate pagination at about 30 records per page, including whether users should adjust the page size. Done means fewer DOM nodes are rendered at once, pagination remains accessible, and initial loading and clearing filters improve.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, performance
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.