Skip to content

perf: chunck splitting optimization for initial bundles #2011

Open
Timerk wants to merge 19 commits intodevelopfrom
perf/optimize-chunk-splitting
Open

perf: chunck splitting optimization for initial bundles #2011
Timerk wants to merge 19 commits intodevelopfrom
perf/optimize-chunk-splitting

Conversation

@Timerk
Copy link
Contributor

@Timerk Timerk commented Jan 29, 2026

🚀 Description

This pull request updates the project's bundle size thresholds and improves the webpack configuration to optimize the way third-party libraries are split into separate chunks. These changes help manage bundle sizes more effectively and enhance application performance by enabling better caching and parallel loading of vendor code.

Bundle size configuration updates:

  • Increased the maximumWarning and maximumError thresholds for the main and vendor bundles in angular.json to allow for larger bundle sizes before warnings and errors are triggered.

Webpack optimization improvements:

  • Updated webpack.custom.ts to define specific cache groups for major third-party libraries (such as Angular core, Angular common, Angular router, RxJS, FontAwesome, Bootstrap, OAuth, and others), splitting them into their own chunks with assigned priorities to improve caching and load performance.

AB#113909

AB#113999

@github-actions
Copy link

Azure Demo Servers are available:

@shauke shauke force-pushed the perf/optimize-chunk-splitting branch from 70a75dc to 70dd193 Compare January 30, 2026 18:19
@github-actions
Copy link

Lighthouse Performance Score Comparison

Page Desktop Δ Mobile Δ
Home 🟡 78% 🟩 +5 🟢 90% 🟩 +27
Search 🟢 95% 🟩 +18 🟡 86% 🟩 +47
Category 🟢 97% 🟩 +28 🟡 88% 🟩 +26
Product List 🟢 95% 🟩 +30 🟡 86% 🟩 +46
Product Detail 🟢 98% 🟩 +5 🟢 95% 🟩 +28
Quick Order 🟢 100% 🟩 +4 🟢 98% 🟩 +50
Helpdesk 🟢 100% 🟩 +4 🟢 97% 🟩 +48
Demo Disclaimer 🟢 100% 🟩 +5 🟢 97% 🟩 +48
Product Comparison 🟢 100% 🟩 +4 🟢 97% 🟩 +47

Click on scores to view detailed Lighthouse reports (links are valid for some days).
Detailed reports are also available as workflow artifacts.
Baseline reports are available as workflow artifacts from the develop branch.

@shauke shauke changed the title perf: chuck splitting optimization for initial bundles perf: chunck splitting optimization for initial bundles Feb 2, 2026
@shauke
Copy link
Contributor

shauke commented Feb 2, 2026

.angularStable unfortunately not working with the current chunk splitting.
Needed for e2e tests and Design View.

@github-actions
Copy link

github-actions bot commented Feb 4, 2026

Lighthouse Performance Score Comparison

Page Desktop Δ Mobile Δ
Home 🟡 79% 🟩 +4 🟢 93% 🟩 +31
Search 🟢 97% 🟩 +21 🟡 83% 🟩 +44
Category 🟢 95% 🟩 +26 🟡 89% 🟩 +29
Product List 🟢 94% 🟩 +35 🟡 85% 🟩 +42
Product Detail 🟢 99% 🟩 +6 🟢 95% 🟩 +28
Quick Order 🟢 100% 🟩 +5 🟢 97% 🟩 +50
Helpdesk 🟢 100% 🟩 +4 🟢 97% 🟩 +48
Demo Disclaimer 🟢 100% 🟩 +5 🟢 97% 🟩 +48
Product Comparison 🟢 100% 🟩 +5 🟢 97% 🟩 +48

Click on scores to view detailed Lighthouse reports (links are valid for some days).
Detailed reports are also available as workflow artifacts.
Baseline reports are available as workflow artifacts from the develop branch.

@github-actions
Copy link

github-actions bot commented Feb 5, 2026

Lighthouse Performance Score Comparison

Page Desktop Δ Mobile Δ
Home 🟡 71% 🟥 -4 🟡 65% +3
Search 🟡 75% -1 🔴 40% +1
Category 🟡 68% -1 🟡 59% -1
Product List 🟡 55% 🟥 -4 🔴 42% -1
Product Detail 🟡 89% 🟥 -4 🟡 65% -2
Quick Order 🟢 92% -3 🔴 47% 0
Helpdesk 🟢 93% -3 🔴 48% -1
Demo Disclaimer 🟢 95% 0 🔴 48% -1
Product Comparison 🟢 94% -1 🔴 49% 0

Click on scores to view detailed Lighthouse reports (links are valid for some days).
Detailed reports are also available as workflow artifacts.
Baseline reports are available as workflow artifacts from the develop branch.

@github-actions
Copy link

github-actions bot commented Feb 6, 2026

Lighthouse Performance Score Comparison

Page Desktop Δ Mobile Δ
Home 🟡 69% 🟥 -6 🟡 65% +3
Search 🟡 77% +1 🔴 40% +1
Category 🟡 68% -1 🟡 58% -2
Product List 🟡 55% 🟥 -4 🔴 42% -1
Product Detail 🟡 89% 🟥 -4 🟡 65% -2
Quick Order 🟢 92% -3 🔴 47% 0
Helpdesk 🟢 93% -3 🔴 48% -1
Demo Disclaimer 🟢 93% -2 🔴 48% -1
Product Comparison 🟢 94% -1 🔴 48% -1

Click on scores to view detailed Lighthouse reports (links are valid for some days).
Detailed reports are also available as workflow artifacts.
Baseline reports are available as workflow artifacts from the develop branch.

@github-actions
Copy link

github-actions bot commented Feb 6, 2026

Lighthouse Performance Score Comparison

Page Desktop Δ Mobile Δ
Home 🟡 72% -3 🟡 64% +2
Search 🟡 77% +1 🔴 39% 0
Category 🟡 68% -1 🟡 61% +1
Product List 🟡 60% +1 🔴 42% -1
Product Detail 🟢 93% 0 🟡 67% 0
Quick Order 🟢 96% +1 🔴 47% 0
Helpdesk 🟢 96% 0 🔴 48% -1
Demo Disclaimer 🟢 96% +1 🔴 49% 0
Product Comparison 🟢 96% +1 🔴 49% 0

Click on scores to view detailed Lighthouse reports (links are valid for some days).
Detailed reports are also available as workflow artifacts.
Baseline reports are available as workflow artifacts from the develop branch.

@github-actions
Copy link

Lighthouse Performance Score Comparison

Page Desktop Δ Mobile Δ
Home 🟡 72% -1 🟡 64% -2
Search 🟡 83% 🟩 +6 🔴 39% +3
Category 🟡 69% +1 🟡 58% -2
Product List 🟡 60% +2 🔴 42% 0
Product Detail 🟢 90% -2 🟡 65% -2
Quick Order 🟢 95% -1 🔴 47% 0
Helpdesk 🟢 94% -2 🔴 47% -1
Demo Disclaimer 🟢 94% 0 🔴 48% 0
Product Comparison 🟢 94% 0 🔴 48% -1

Click on scores to view detailed Lighthouse reports (links are valid for some days).
Detailed reports are also available as workflow artifacts.
Baseline reports are available as workflow artifacts from the develop branch.

@github-actions
Copy link

Lighthouse Performance Score Comparison

Page Desktop Δ Mobile Δ
Home 🟡 75% +2 🟡 67% +1
Search 🟡 77% 0 🔴 41% 🟩 +5
Category 🟡 70% +2 🟡 59% -1
Product List 🟡 61% +3 🔴 42% 0
Product Detail 🟢 91% -1 🟡 66% -1
Quick Order 🟢 95% -1 🔴 47% 0
Helpdesk 🟢 96% 0 🔴 48% 0
Demo Disclaimer 🟢 96% +2 🔴 49% +1
Product Comparison 🟢 94% 0 🔴 48% -1

Click on scores to view detailed Lighthouse reports (links are valid for some days).
Detailed reports are also available as workflow artifacts.
Baseline reports are available as workflow artifacts from the develop branch.

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments