bcgov / bcgov/entity

COOPS-UI: need to reduce vendors chunk size

Open
#1,823 2 comments 0 reactions 0 assignees View on GitHub
ENTITY - DO NOT USE Priority2
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.