bundle-analyzer
CommunityShrink bundles, boost load times.
Software Engineering#performance#optimization#bundle size#tree shaking#webpack#code splitting#rollup#vite
AuthorDexploarer
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Large JavaScript bundles significantly slow down page load times, impacting user experience and SEO. This Skill automates the analysis of bundle sizes, pinpointing heavy dependencies and suggesting actionable optimizations.
Core Features & Use Cases
- Multi-Bundler Support: Configures bundle analysis for Webpack, Vite, Rollup, and Next.js projects.
- Detailed Size Breakdown: Provides treemap visualizations and reports to identify large dependencies, duplicate code, and unused modules.
- Use Case: "Analyze my Webpack bundle size, identify the largest dependencies, and suggest strategies for code splitting and tree shaking."
Quick Start
Analyze the JavaScript bundle size for my Next.js project and provide optimization recommendations.
Dependency Matrix
Required Modules
webpack-bundle-analyzerrollup-plugin-visualizersource-map-explorer@next/bundle-analyzersize-limit@size-limit/preset-appcompression-webpack-plugin@fullhuman/postcss-purgecss
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: bundle-analyzer Download link: https://github.com/Dexploarer/claudius-skills/archive/main.zip#bundle-analyzer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.