Working with Global Services to identify pain points in Javascript resources distribution and unused code was the trigger to:
Remove unused packages
Deprecate old packages
Set configurations to let users to not use/load some functionalities
Create a JS size comparision report
Create tooling to be able to split modules in smaller submodules
Key Benefits:
Reduced total JS bundle size → Faster portal loading
Reduced total exports → Faster portal loading
Taking as example Masterclass home page:
Reduced JS Size in MB by 20%
Reduced number of request by 12 %
Mobile Lighthouse score from 52 to 56
Desktop Lighthouse score from 70 to 77
Allow teams to divide modules to offer smaller entry points when they detect some part of the module is not commonly used.
Size report tooling able to trigger risks.