Skip to content

[Auto-QA] Bundle has JS chunks over 300KB #23246

Description

@clubanderson

Auto-QA [Performance]: Bundle Chunk Size

Detected: 2026-09-07T13:33:52.807Z | Focus: Performance | Commit: c888992 | Run: View

Findings

### JS chunks over 300KB
Large chunks increase initial load time — consider code splitting:
  - app-pages-D6uWH7wM.js (4.9M)
  - app-routes-b6RJU7Oz.js (1.1M)
  - cards-drasi-jI84SS9m.js (548K)
  - drei-core-vendor-z9rBPVp3.js (1016K)
  - feature-missions--pkWKXDB.js (436K)
  - msw-browser-vendor-DdZcMkuY.js (400K)
  - xterm-core-vendor-pBrHjRzb.js (332K)

### Top 10 largest bundle assets
  - app-pages-D6uWH7wM.js (4.9M)
  - app-pages-D6uWH7wM.js.gz (1.5M)
  - app-routes-b6RJU7Oz.js (1.1M)
  - drei-core-vendor-z9rBPVp3.js (1016K)
  - sqlite3-DGXXSD5r.wasm (840K)
  - app-pages-D6uWH7wM.js.br (768K)
  - cards-drasi-jI84SS9m.js (548K)
  - feature-missions--pkWKXDB.js (436K)
  - msw-browser-vendor-DdZcMkuY.js (400K)
  - index-9yFYNXmB.css (352K)

### Bundle summary
  - Total size: 24480KB
  - JS chunk count: 86

Suggested Improvements

  • Split large chunks using React.lazy and dynamic imports at route level
  • Use vite-bundle-visualizer or rollup-plugin-visualizer to identify what is large
  • Move large third-party libs to a separate manual chunk in vite.config.ts
  • Consider loading non-critical libraries on demand (e.g., chart libs)

PR Guidance: Keep changes under 50 lines (size S) for best acceptance rate. Split larger fixes into multiple PRs.


This issue was automatically created by the Auto-QA workflow during Performance focus day.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions