How to Make Your Web App More Reliable and Performant Using webpack: a Yahoo Mail Case Study
Dec 13, 2017
Summary
This post details the integration of webpack as Yahoo Mail's module bundler, leading to faster development cycles (30s-1min to 5s), improved reliability by shifting JavaScript bundle generation from runtime to build time, and better performance with a 75KB gzipped payload reduction, 50% reduction in server-side render time, and 10% improvement in launch performance metrics. It also describes the development of a custom plugin for Atomic CSS generation.