李奶酪的博客

模拟用户操作，自动化测试 UI & 交互。前端稳定性保障是确保应用在各种环境下都能。：无头浏览器，测试 SSR & SEO。：测试核心逻辑（例如：函数、工具库）。：测试 React 组件渲染是否正确。（Lazy Load），减少首屏体积。：保证代码风格 & 语法规范。：新功能灰度上线，减少影响面。：两个环境切换，避免全量崩溃。：检测页面性能、可访问性。，静态资源放在全球节点。，减少线上 bug。：分析网页加载瓶颈。：提前发现类型错误。，避免升级导致异常。

但对于使用频率并不高的第三方库，就需要按实际情况灵活判断，例如项目中只有某个页面 A 接入了 Three.js，如果将这个库跟其它依赖打包在一起，那用户在访问其它页面的时候都需要加载 Three.js，最终效果可能反而得不偿失，这个时候可以尝试使用异步加载功能将 Three.js 独立分包。在 webpack 打包过程中，经常出现 vendor.js， app.js 单个文件较大的情况，这偏偏又是网页最先加载的文件，这就会使得加载时间过长，从而使得白屏时间过长，影响用户体验。所以我们需要有合理的分包策略。