StencilJS Size Analysis
Bundle size of 1 component without library bundled
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 |
Bundle size of 1 component with library bundled
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 |
Estimated Bundle size of the library at runtime
- Identical to "Bundle size of 1 component with library bundled"
Estimated Bundle size of 30 components using the same library
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 |
Single File without Lazy Loading
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 |
Local Dev
npm install
npm start
To build the component for production:
npm run build
Update Size Analysis Readme
npm run analysis