COOPS-UI: need to reduce vendors chunk size
- Dominant language
- JavaScript
- Stars
- 23
- Forks
- 62
- Avg merge
- 24m
- Merged PRs (30d)
- 1
Description
## Description:
The coops-ui web app is distributed as several webpacked chunks of CSS and JS (among other files). However, the "chunk-vendors" CSS and JS files are excessively large and contribute to a slow app load time. This ticket is to investigate and implement some things that should help, including but not limited to:
1. reducing the number of "vendors" we import (ie, dependencies) (for example, do we still need all the Babel stuff?)
2. using minified version of CSS and JS files wherever possible
3. compressing the files (ie, gzip)
Note that I already tried "lazy-loading" (and thus chunking into separate files) the view pages (Dashboard, AR, etc), but this had the effect of reducing the app chunk a little but at the cost of many extra chunk files, with an overall reduction of 2-5 percentage points according to Lighthouse. So I reverted that code.
See also #1890 (lazy loading).
See also #1828 (a-la-carte Vuetify components).
**Dependencies**
None.
**Acceptance Criteria**
The web app must continue to load normally.
The load performance (as measured by Chrome Lighthouse audit) should show an improvement.
**Validation Rules**
None.
Ready to Build (DoR):
- [ ] Stakeholders have approved
- [ ] User story completed
- [ ] What are the dependencies
- [ ] Validation rules defined (UI, Data, Role-Action)
- [ ] Is a formal UAT required
Acceptance / DoD:
- [ ] 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](https://github.com/bcgov/entity/docs/coding-standards/accessibility.md)
- [ ] UX Approved
- [ ] PR Accepted
- [ ] Production burn in completed
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.