cypress: Network requests slower in Cypress than outside of Cypress

Current behaviour:

I’m trying to test my Nuxt app with Cypress, but find the tests to run very slowly because of how long it takes to download the JS bundles built by Nuxt. In development mode, bundles can get very large - upwards of 10mb. If I visit my site in Chrome, the network request for these bundles is very quick, <100ms. However, in my Cypress tests it takes almost 2 seconds just to download the bundle for each test case.

Desired behaviour:

Network speeds to be more comparable to those outside of Cypress.

Test code to reproduce

Run yarn test:e2e:dev in the example repository I’ve created.

This is a vanilla initial Nuxt app with nothing added apart from importing the large library zxcvbn in order to add a bit of arbitrary bulk to the bundle to bring it slightly closer to the size of a real app. Then compare the network requests during the test with those when you just visit localhost:3000 separately in Chrome.

For example, comparing the time for default~app.js:

• In Cypress test: 1.1mb takes 324ms
• In Chrome: 2.8mb takes 75ms

In each case, the vast majority of that time is spent in ‘Content Download’. The request is about 10x slower in Cypress than it normally is in Chrome. I realise the request goes through a proxy with Cypress, but is it expected to cause this much extra overhead? (I’m not quite sure why the the file is two different sizes - perhaps to do with the proxy?)

Versions

Cypress: 4.11.0 OS: OS X 10.15.5 Browser: Chrome 84.0.4147.105

---

Thanks in advance for any insight you can provide!