Giters

nasa / earthdata-search

Earthdata Search is a web application developed by NASA EOSDIS to enable data discovery, search, comparison, visualization, and access across EOSDIS' Earth Science data holdings.

Home Page:https://search.earthdata.nasa.gov

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

EDSC-2672: Lazy load Timeline component

mreese84 opened this issue · comments

commented

Description

In an effort to improve initial load times, we should lazy load the Timeline component. We want to be sure to do this in a way that does not degrade the UX of the initial application load.

Acceptance Criteria

  • Timeline javascript is only loaded in pages that render the timeline (/search/granules, /project)
commented

Hi @mreese84 I need to take a closer look at the codebase but I think this could be accomplished with React.suspense https://web.dev/code-splitting-suspense/

If this is the case I can work on this issue 🙂

commented

@sofiarivas, thats correct! We have React lazy/suspense implemented in a few other places throughout the application if you would like some prior art.

At first look, it seems like this could be implemented in the TimelineContainer component.