css-reference icon indicating copy to clipboard operation
css-reference copied to clipboard

Initial Load is Slow, Much to Render

Open hergaiety opened this issue 8 years ago • 1 comments

https://twitter.com/jgthms/status/802130369881534464 Rendering Graph

The majority of the page is offscreen and perhaps should be rendered more dynamically.

This may be solved by pagination, infinite scrolling, or lazyloading.

Keep in mind:

  • The sidebar is important to keep in mind as it expects the elements to exist and be loaded.
  • Avoid "popping" of elements in and out as user scrolls.

hergaiety avatar Nov 25 '16 17:11 hergaiety

Yes it is definitely an issue. I'm working on a fix.

I believe something like React's FixedDataTable should work: https://facebook.github.io/fixed-data-table/

The idea is to only render what's in view. Not sure if there's an equivalent without React.

jgthms avatar Nov 26 '16 08:11 jgthms