This is the cost to expect for every new my-counter-like component added to the same page. The library is not included.
File | Minified/Gzipped |
---|---|
my-counter.entry.js | 339b |
If you only deliver a single Web Component you have the full cost of the library for a single component. This is the total cost of a single component with the library included.
Description | Minified/Gzipped |
---|---|
Library | 3155b |
Component | 339b |
Total | 3494b |
- Identical to "Bundle size of 1 component with library bundled"
This is an estimated size of a bundle of 30 my-counter-like components using the same library. All components will share the library code so the estimated size is calculated with: 1 bundle-with-dependencies + 29x bundles-without-dependencies.
Description | Minified/Gzipped |
---|---|
Library | 3155b |
30 Components | 10170b |
Total | 13325b |
This is the component and library bundled together without being able to lazy load. This bundle is meant to be imported from another project that will do the bundling itself.
Minified/Gzipped |
---|
2486b |
npm install
npm start
To build the component for production:
npm run build
Update Size Analysis Readme
npm run analysis