chore: use code-splitting techniques #294
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Use code-splitting techniques to reduce initial bundle size and to improve startup time performance.
Improvements made:
lottie-web
. It will be fetched on the main page but after the initial bundlesSome notes:
elk
can be loaded via web worker, but as it is currently lazy imported when needed, I don't see the need for thislottie-light
instead oflottie-web
, from 7.27MB to 7.04MB (1.83MB -> 1.79MB gzip)manualChunks
to split each bundleexperimentalMinChunkSize
to5000
, having too many small chunks can be badRemaining:
icons.tsx
are not splitted, should break icon per each fileBefore:
After: