Implement lazy loading #381
Labels
FY25 Sprint 7
FY25 Sprint 7 (2024-09-25 - 2024-10-09)
GREI Re-arch
GREI re-architecture-related
Original size: 10
performance
Improve performance of an existing feature
Size: 10
A percentage of a sprint. 7 hours.
Size: 30
A percentage of a sprint. 21 hours. (formerly size:33)
SPA.Q3
Not related to any specific Q3 feature
SPA
It would be very beneficial to improve the performance of the application to load the different pages in a lazy way.
This could just be done at the Router level with lazy imports
This way, if the user only visits the Collections page, for instance, only the javascript needed for that view will be loaded and not the javascript of the whole application.
Update:
After investigating why the Suspense fallback (spinner) component for the dynamically loaded modules was rendering more than once, it was discovered that it was due to the “useTranslation” hook that was triggering the Suspense when loading a locale json after the page was loaded.
See documentation info.
This is currently happening on Beta environment so this will fix this also.
The text was updated successfully, but these errors were encountered: