说实话一提起“Playwright性能优化”很多人第一反应是“这框架已经够快了还要优化什么”。但真正用Playwright跑过几条完整业务流程的人都体验过那种糟心脚本单独跑明明6秒就跑完塞进CI并行执行后却动不动15秒起步本地十几分钟搞定的一套回归测试放在高峰期要跑半小时。这些问题背后往往不是Playwright本身慢而是使用姿势有问题。我前前后后接手过好几个自动化测试项目从几十条脚本的小型冒烟测试到几千条用例的大型产品回归Playwright的性能瓶颈和优化空间基本都摸过一遍。这篇文章就把我沉淀下来的经验做个系统性梳理——从等待策略、定位器选型、网络请求处理、上下文复用到并行执行与报告裁剪每一块都有具体的代码示例、参数解释还有我踩过的坑。如果你是刚把Playwright跑通的小白这篇能帮你从一开始就避开低效写法如果你是有维护经验的人也能从“问题排查实录”里找到一些验证手段和调优思路。1. 整体设计思路性能优化不是堆技巧而是算总账1.1 先搞清楚“性能账本”从哪来做优化之前我习惯先画一张时间开销分布图。Playwright跑一条用例的时间通常由这几部分构成浏览器启动、页面加载与资源请求、等待策略耗时、定位器解析、用户动作执行、结果断言与截图。其中等待策略和资源请求这两项往往占掉70%以上的耗时也是最容易优化的部分。这不是拍脑袋我经常用performance.timing和Playwright自带的Trace Viewer给脚本计算关键耗时占比发现真实瓶颈永远是那几个固定环节。我把这类分析叫作“先量化再优化”。比如一条用例总计8秒其中固定等待用了3秒图片字体资源加载用了2.5秒那你在定位器写法上抠破头皮都没有意义——第一刀应该砍向固定等待和网络资源。如果你跳过了量化的步骤任由直觉去优化大概率会把时间浪费在收益很低的地方。1.2 优化目标永远是“稳定且快”不是“数字跑得快”做性能优化有一个很常见的误区只看单条脚本的执行时间把时间压下去就觉得万事大吉。但实际在测试框架里“快”必须建立在“稳定”之上。随便举一个例子为了减少等待你把waitForLoadState(networkidle)去掉脚本确实快了1秒但后续点击按钮找不到元素于是又临时加了几个waitForTimeout一来一回不仅总耗时没降脚本还变成了定时炸弹隔三差五随机失败。所以我做优化的第一原则是几乎不对关键操作使用固定延时全部换成状态等待或者Playwright内置的自动等待。这句话听起来简单但真正做到位要考虑很多细节后面我会展开讲。第二原则是每个改动都至少在连续三到五轮CI上稳定跑过再做下一个优化项。1.3 别忽略“隐性乘法”所有优化最终都要应对并行单看一条用例的时间“省100毫秒”感知不强。但同样的优化放到10条并行、50条并行里时间收益是乘法级别的。这也是为什么我在设计优化方案时总会额外问一句这条优化在并发场景下还成立吗比如上下文复用能减少多少浏览器启动开销资源拦截在并行时是不是能缓解带宽瓶颈这些思路决定了优化策略是“局部调优”还是“全局增效”。2. 等待与定位器最常被滥用也最值得深挖的两块硬骨头2.1 等待策略选型状态等待优先于固定延时我在评审项目脚本时最先扫的就是waitForTimeout出现的次数。老实说每次看到脚本里有大量固定延时我就知道这个脚本后续维护成本低不了。固定延时的最大问题是它完全不感知页面真实状态——网络慢时你等的时间不够网络快时你又白等。Machine式的思考方式是等待某个元素可见、等待某个请求完成、等待某个文本出现这些才是页面真正愿意告诉你的状态信号。Playwright对等待的内置支持其实非常完善很多时候你根本不需要主动编写等待代码。比如click()、fill()、press()这些动作本身带有Actionability检查——元素必须先可见、稳定而且可接收操作Playwright才执行下一步。所以新手最容易犯的错是“不信任框架”自己补了几秒等待结果反而拖慢脚本并增加不确定性。只有需要等某个异步副作用完成但后续又没有明确动作元素时我才会显式使用等待API。比如表单提交后出现一个“保存成功”的提示我会用await expect(page.getByText(保存成功)).toBeVisible()而不是await page.waitForTimeout(2000)因为expect自带重试机制等提示出现就立刻继续提示不出现时也能捕获真实异常。2.2 定位器别在性能上反复摩擦DOM定位器看似和性能无关但选错定位器会让每次交互都付出不必要的解析成本。我遵循的优先级是getByRole、getByLabel、getByText、getByTestId这类语义定位器 稳定的CSS选择器 极简的XPath。语义定位器不仅可读性好而且Playwright对它们做了引擎级优化解析成本低于你手动拼接的复杂选择器。很多人写定位器喜欢把一层层的层级全部写出来比如#app div.container div.row:nth-child(3) button.submit。这种写法一旦DOM结构有一丁点调整就会挂掉而且每次解析都要全路径匹配一轮。我一般只写能定位到目标的最短可靠路径比如.submit-btn或者干脆用page.getByRole(button, { name: 提交 })。这里有个重要的经验定位器“短”不等于“脆”很多从业者有过一个认知误区觉得用各种索引和位置关系能把选择器做得更精准可靠。实际上位置关系恰恰是最易碎的选择你真正需要的是稳定属性 语义角色。如果项目里有条件我会在每个高频交互元素上统一加>