I've been struggling recently with a super-weird problem only happening in Chrome: as my API (NodeJS) is on a different subdomain, I need to use CORS to reach it from my front-end (EmberJS).
It's working pretty well but I'm very frequently (95% of the time) having very very slow OPTIONS queries, delaying any API calls by about 3 seconds.
Most of this time is spent downloading an empty content:
It gets even weirder when I'm trying this on another website we made using a similar architecture, experiencing the exact same problem.
A few other things I tried:
We're using on the back-end NodeJS with the CORS package.
Now, I have no idea if the problem is on either Chrome 60, NodeJS, the CORS package or EmberJS + jQuery.
Anyone experienced this too?
Just as a note: It seems a chrome bug
I reproduced the issue using a server with two DNS names using a service in a unique domain
https://domain1.com --> https://domain1.com (No CORS, no delay) https://domain2.com --> https://domain1.com (CORS, delay)
It is exactly the same service responding to two names, so I am testing exactly the same request, client and server code (DNS names are interchangeable)
Tested with
Workaround (in my case). Create a proxy in my host to respond to the same origin DNS and avoid CORS
I've been seeking to debug this and it appears to be a chrome bug as we were experiencing the same issue.
For reference, I've filed a bug report to chromium here: CORS pre-flight and subsequent requests are very slow only on Chrome
I'm adding this here to help stop any more developers spending half a day investigating it ;) Will update as we here more from Chromium.
Overview of bug report follows:
UserAgent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36
Steps to reproduce the problem:
What is the expected behavior?
Response timings should be accurate.
What went wrong?
We are using Go microservices and noticed a big disparity in the time taken between browsers - chrome being the slowest up to a magnitude of 100x.
when we have checked the timings from the backend, responses take at most 10ms, with most being sub 1ms. When checking the timing under devtools the same responses were coming in at ~100ms~1s.
Did this work before?
N/A
Chrome version: 63.0.3239.132 Channel: stable OS Version: 10.0 Flash Version:
In Firefox (and any other browser), the exact same requests return in ~1-20ms as expected.
In trying to diagnose further, we used Telerik's Fiddler to check the actual network response times and confirmed that they were being sent and received by Chrome within our expected timings. The only conclusion we could come to is that something internal to Chrome is slowing the processing of these requests down.
We tried all permutations of chrome://flags#out-of-blink-cors
and chrome://flags#enable-site-per-process
, which are the two options which we spotted which seem vaguely relevant. Nothing seemed to help.
We have also found many Stack Overflow articles about a similar issues that make mention of it being a Chrome bug, but I haven't been able to find it reported here:
We've just tested Chrome on MacOS and it doesn't appear to be an issue - so may be limited to Windows.
Chrome:
Edge:
Firefox:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With