<p dir="auto"><strong>Context:</strong></p>
<ul dir="auto">
<li>Playwright Version: 1.19.2</li>
<li>Operating System: macOS</li>
<li>Node.js version: 14.x</li>
<li>Browser: Chromium</li>
<li>Extra: CI environment (Azure Pipelines)</li>
</ul>
<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto">I just recently wanted to update to the <code class="notranslate">1.19.x</code> release line for our tests in VSCode and now noticed how our smoke tests in web are almost 100% slower:</p>
<p dir="auto"><strong>OLD</strong></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/900690/155985004-d6649512-6dbb-48ba-aa06-69974efc6ad0.png"><img src="https://user-images.githubusercontent.com/900690/155985004-d6649512-6dbb-48ba-aa06-69974efc6ad0.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>NEW</strong></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/900690/155985026-74025ea1-b3dd-4884-9112-b6ce71b7f8a8.png"><img src="https://user-images.githubusercontent.com/900690/155985026-74025ea1-b3dd-4884-9112-b6ce71b7f8a8.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">At first glance I could not find a single operation that would be slower, it seems like the entire run is slower, getting us closer to a 10 minute timeout we configured.</p>
<p dir="auto">Starting an issue here to ask: has this been reported by others, how can we drill into this further?</p>
<p dir="auto"><strong>Context:</strong></p>
<blockquote>
<p dir="auto">Playwright Version: [1.21.1]<br>
Operating System: [Windows]<br>
Node.js version: [14.15.1]<br>
Browser: [Chrome]<br>
Chrome version: [Version 101.0.4951.54]</p>
</blockquote>


<p dir="auto"><strong>Code Snippet</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="test('Demo Test Scenario:', async ({ page }) =&gt; { 
  await page.goto('https://usk.enterprisetube.com/');     
  await page.waitForSelector('[data-e2e-span=&quot;vidizmo-app&quot;]', { state :  &quot;attached&quot; });     
  await page.click('[data-e2e-link=&quot;LoginSignInButton&quot;]');     
  await page.fill('[data-e2e-input=&quot;emailAddress&quot;]', 'fahad@sharklasers.com');     
  await page.fill('[data-e2e-input=&quot;Password&quot;]', 'Admin@123');     
  await page.click('[data-e2e-btn=&quot;signIn&quot;]');     
  await page.waitForSelector('[data-e2e-heading=&quot;MashupsMostMostRecent&quot;]')               
  await page.click('[data-e2e-link=&quot;selectMenuBar&quot;]');     
  await page.click('[data-e2e-link=&quot;MediaManager&quot;]');          
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
  await page.click('[data-e2e-btn=&quot;toggleFilters&quot;]');
});  "><pre class="notranslate"><code class="notranslate">test('Demo Test Scenario:', async ({ page }) =&gt; { 
  await page.goto('https://usk.enterprisetube.com/');     
  await page.waitForSelector('[data-e2e-span="vidizmo-app"]', { state :  "attached" });     
  await page.click('[data-e2e-link="LoginSignInButton"]');     
  await page.fill('[data-e2e-input="emailAddress"]', 'fahad@sharklasers.com');     
  await page.fill('[data-e2e-input="Password"]', 'Admin@123');     
  await page.click('[data-e2e-btn="signIn"]');     
  await page.waitForSelector('[data-e2e-heading="MashupsMostMostRecent"]')               
  await page.click('[data-e2e-link="selectMenuBar"]');     
  await page.click('[data-e2e-link="MediaManager"]');          
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
  await page.click('[data-e2e-btn="toggleFilters"]');
});  
</code></pre></div>
<p dir="auto"><strong>Describe the bug</strong><br>
If we run the above code when the trace is on in the config then it completes within the 30-40 seconds, if the trace is off then it completes in the 7-8 seconds in the latest chrome version but in the chrome version 95 in both cases time is same<br>
following are the results of the test</p>
<h2 dir="auto"><strong>Chrome Version : Version 101.0.4951.54</strong></h2>
<p dir="auto">Trace <strong>On</strong> in config<br>
takes <strong>30-40</strong> Seconds</p>
<p dir="auto">Trace <strong>off</strong> in config<br>
takes <strong>7</strong> Seconds</p>
<h2 dir="auto"><strong>Chrome Version : Version 95</strong></h2>
<p dir="auto">Trace <strong>On</strong> in config<br>
takes <strong>7</strong> Seconds</p>
<p dir="auto">Trace <strong>off</strong> in config<br>
takes <strong>7-8</strong> Seconds</p>
<p dir="auto">Configuration file</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const config: PlaywrightTestConfig = {
  testDir: './tests',
  timeout: 30 * 1000,
  expect: {
    timeout: 5000
  },
  forbidOnly: !!process.env.CI,  
  workers: process.env.CI ? 1 : undefined,
  reporter: 'html',
  use: {
    actionTimeout: 0,
    channel : &quot;chrome&quot;,
    trace: 'off',
  },
};  
export default config;"><pre class="notranslate"><code class="notranslate">const config: PlaywrightTestConfig = {
  testDir: './tests',
  timeout: 30 * 1000,
  expect: {
    timeout: 5000
  },
  forbidOnly: !!process.env.CI,  
  workers: process.env.CI ? 1 : undefined,
  reporter: 'html',
  use: {
    actionTimeout: 0,
    channel : "chrome",
    trace: 'off',
  },
};  
export default config;
</code></pre></div>
<p dir="auto">I can also provide the sample github repository if needed</p>
<p dir="auto">This issue is related to following Bug <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1201157204" data-permission-text="Title is private" data-url="https://github.com/microsoft/playwright/issues/13498" data-hovercard-type="issue" data-hovercard-url="/microsoft/playwright/issues/13498/hovercard" href="https://github.com/microsoft/playwright/issues/13498">#13498</a></p>