COOPS-UI: investigate lazy loading / dynamic imports

[severinbeauvais]

Description:

"Lazy loading" of app components should be investigated/implemented, so that only the minimal app loads initially, and the rest of the components can load when it known that a redirect is not forthcoming. If possibly, this should include dependencies (vendor packages), CSS, etc.

See: https://cli.vuejs.org/guide/html-and-static-assets.html#preload https://itnext.io/vue-js-app-performance-optimization-part-3-lazy-loading-vuex-modules-ed67cf555976

Also, "dynamic imports" may improve performance similary. See: https://webpack.js.org/guides/code-splitting/#dynamic-imports https://www.sitepoint.com/vue-async-components/

See also #1823 (vendor chunk size).

Dependencies Webpack configuration

Acceptance Criteria

1. Web app loads correctly
2. Web app loads faster than without lazy loading

Validation Rules None

Ready to Build (DoR):

• [ ] Stakeholders have approved
• [ ] User story completed (full flow of business rules, happy and alternate paths etc.)
• [ ] What are the dependencies
• [ ] Validation rules defined (UI, Data, Role-Action)
• [ ] Is a formal UAT required
• [ ] Acceptance Criteria well defined in tickets (Story level) QA can confirm or deny
• [ ] Reference BA checklist for this story (functional description captured ?)

Acceptance / DoD:

• [ ] PR to remove feature flags created
• [ ] Check Requirements against completed stories
• [ ] Completed stories verified in Dev/Test/Prod
• [ ] Confirm Test cases built and succeeding
• [ ] Confirm successful End-End runs
• [ ] No regression
• [ ] All Linters passed
• [ ] Test coverage and Test ID acceptable by Product owner
• [ ] Ticket merged to master or story branch
• [ ] Add / maintain selectors for QA purposes
• [ ] Add PR numbers - If available
• [ ] All tests passed (Jest, Pytest, Postman)
• [ ] Developer to list Config changes/ Update documents and designs
• [ ] Design / Solution accepted by Product Owner
• [ ] Acceptance criteria has been defined (happy path, known sad paths)
• [ ] Test coverage acceptable
• [ ] Peer Reviewed
• [ ] Accessibility reviewed and acceptable checklist
• [ ] UX Approved
• [ ] PR Accepted
• [ ] Production burn in completed

[WaldemarSchneider86]

move from Sprint 19 "back" to Entity Product Backlog - from Sprint 19, as it was not done in Sprint 19. 2019-12-23

[severinbeauvais]

Changed to Priority 2 because what we have works OK.