总结
- 删减无效字节。压缩所有资源,丢弃多余代码,添加依赖时要谨慎。
- 根据路由拆分代码。只加载目前最重要的代码,懒加载其余资源。
- 缓存代码。一些代码无需频繁更新,将其放入独立文件,让其仅在必须时才重新下载。
- 追踪代码体积。使用
webpack-dashboard
和webpack-bundle-analyzer
等工具,实时监控 app 体积。每隔一段时间,就监测 app 的性能。
除了 webpack 还有其他工具可以让你的代码运行更快。考虑让你的应用变为 PWA,获得更佳用户体验,或者使用 Lighthouse 等自动化工具,来获得优化建议。
别忘了 webpack 官方文档,那里有很多宝贵资源。
REF
- Conclusion, by Ivan Akulov, Google Devlopers