bundle-analyzer

Analyze Next.js bundle size and identify code-splitting opportunities.

Updated Aug 23, 2026

Search Tags:#performance #optimization #nextjs #analyze #build-tools #bundle-size

Ready to run

npx skills add https://github.com/Techlemariam/IronForge --skill bundle-analyzer-techlemariam

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: bundle-analyzer
Source: https://github.com/Techlemariam/IronForge/tree/main/.agent/skills/bundle-analyzer
Command: npx skills add https://github.com/Techlemariam/IronForge --skill bundle-analyzer-techlemariam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Analyzes Next.js bundle size and identifies optimization opportunities.

Core Features & Use Cases

Identify oversized bundles and pinpoint optimization opportunities to reduce load times.
Provide actionable recommendations to improve initial load performance.
Use Case: When a Next.js app has large chunks, run this skill to surface large modules and suggest code-splitting or lazy loading.

Quick Start

Run the bundle-analyzer to generate a bundle-size report for your Next.js project.

Frequently Asked Questions about bundle-analyzer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I analyze my Next.js bundle size to find oversized chunks?▼

To analyze Next.js bundle size, you can run a script that inspects your application's build output to surface oversized chunks and pinpoint specific modules causing bloat. This process identifies bottlenecks without requiring external tools beyond npm build.

What is the best way to identify opportunities for code-splitting in a Next.js app?▼

Identifying code-splitting opportunities involves generating a bundle-size report from your Next.js build to highlight large modules. Once oversized chunks are surfaced, you can pinpoint specific optimization opportunities to implement lazy loading.

Can I optimize Next.js initial load performance by reducing large bundles?▼

Yes, you can optimize Next.js initial load performance by analyzing your build outputs to find large bundles. Surfacing these oversized chunks provides actionable recommendations to reduce load times through targeted code-splitting.

Do I need external build tools to analyze my Next.js bundle size?▼

No, you do not need external build tools to analyze your Next.js bundle size. The process relies solely on an included script and your standard npm build to generate the bundle-size report and identify bottlenecks.

When should I run a bundle-size analysis on my Next.js application?▼

You should run a bundle-size analysis when your Next.js app has large chunks that degrade initial load performance. It helps surface large modules and suggests code-splitting or lazy loading to resolve size bottlenecks.