Ad

size-plugin: Track Webpack asset sizes

size-plugin tracks compressed Webpack asset sizes and calculates changes between builds, enabling performance monitoring and optimization. It provides detailed insights into bundle sizes for improved web application performance.
Screenshot of GoogleChromeLabs/size-plugin homepage

size-plugin monitors the size of your Webpack assets, reporting gzipped sizes and delta changes enabling developers to track performance trends. This plugin integrates seamlessly with Webpack, providing valuable insights into bundle size optimization. The plugin uses Webpack's plugin system to intercept asset processing and calculate sizes.

The plugin offers detailed size tracking, providing insights into asset size changes over time for performance analysis. It supports configurable file patterns for granular control over tracked assets, and provides a CLI output for easy integration into development workflows. It is designed for easy integration into Webpack configurations, simplifying size tracking without requiring significant code changes.

  • Configuration: Simple configuration via Webpack plugin options for specifying file patterns and settings.
  • Delta Tracking: Calculates and displays the size difference between builds, highlighting size changes.
  • CLI Output: Provides a clear and concise CLI output for real-time size tracking during development.
  • Customizable Filename: Allows specifying a filename to persist sizes to disk for historical analysis.
  • Minimatch Support: Uses minimatch for flexible file pattern matching, allowing for fine-grained control.
  • Options for Publishing: Includes options to publish filesizes to size-plugin-store for collaborative analysis.
  • Customizable Filename Stripping: Enables a custom function to remove or normalize hashed filenames for consistent tracking.

The size-plugin has been actively maintained since 2018 with regular updates to address bugs and improve functionality. It boasts a substantial number of stars and forks, indicating strong community adoption. The project has a clear license and well-defined usage documentation, suggesting a stable and reliable codebase.

Developers benefit from size-plugin by gaining visibility into Webpack asset sizes, enabling proactive performance optimization and cost reduction. It's particularly valuable for projects aiming to adhere to performance budgets or optimize for faster load times. Unlike manual size calculations, size-plugin automates and streamlines the process, ensuring consistent and accurate tracking.

Languages:
Summarize:
Share:
Stars
1,663
Forks
40
Issues
38
Created
7 years ago
Commit
1 month ago
License
APACHE-2.0
Archived
No
Updated 17 days ago

Similar Repositories