How we improved webpack build performance by 95%

Box has significantly improved the build performance of its web application, which supports 25 locales, by optimizing the webpack build process. The initiative involved experimenting with various configurations and tools, such as enabling caching on the babel-loader and utilizing the new uglifyjs-webpack-plugin v1, which improved performance by 26% and 45%, respectively. Additionally, the company avoided exporting an array of configurations, which, in conjunction with leveraging node.js Child Process API on a 10-CPU machine, enhanced performance by 28% and 67%, respectively. These optimizations collectively reduced the build time from over three hours to nine minutes, resulting in a 95% performance improvement. The improvements also highlighted the importance of managing memory usage and taking advantage of multi-core build machines to support the growing number of locales efficiently, while ensuring reliability in the asset-building process.

No tracked trend matches for this post yet.

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.