Sizes ​

This doc tracks important size metrics for Material Web Components.

Sizes are tracked in bundles. A bundle is a single .js file for one or more components that includes all of the JavaScript and CSS needed, minus external dependencies. We track three metrics:

• gzip - minified and compressed. This impacts download size, which can take longer over slow networks.

• minified - minified and unpacked. This impacts the time it takes a page to be interactive, which can take longer on some devices.

• % CSS - the amount of CSS compared to JavaScript. The bundle includes both JS and CSS, so this helps track changes to JS logic and CSS styles separately.

_{Last updated 2024-06-25.}