Chore: Diamond performance optimization #352
Open
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.
What's been done:
<app-page>
outside of therouter-outlet
to reduce code duplicationssimple-center-loader
and making it CSS only (prevents sticking of the loader when feed is loading)quill-mention
on demand to reduce final bundle size../../path
instead ofsrc/app/path-to-file
)Screenshots:
Lighthouse report on the most highly loaded content (feed) before optimization
Lighthouse report on the most highly loaded content (feed) after optimization
Webpack bundle analyzer comparison (vendor size is 1.5Mb smaller now, + blog posts is a separate module)
Production build + gzipped (latest numbers):