javascriptgoogle-chromebabeljspolyfillsbabel-polyfill
Chrome: `fetch` takes too long
Update:
I changed the API from fetch to XMLHttpRequest and I still see the problem.
According to the console logs the delay is between "readyState 1"(i.e. OPENED) and "readyState 2"(i.e HEADERS_RECEIVED).
Also, maybe it is worth mentioning, that in Firefox it works fine.
I would appreciate a couple of pointers on how to debug why the call to fetch() takes 1 sec in chrome.
According to "network" tab the request took only 12ms. However in my logs and the "timeline" tab the fetch() takes 1.06 sec. (Screenshots below).
Any tips on how to figure out what is stalling the fetch()?
Network Tab screenshot:
Timeline Tab screenshot:
Solution
Turns out it was a Chrome bug that has now been fixed in Chrome 54: https://bugs.chromium.org/p/chromium/issues/detail?id=649590#c1
- How can I find out if a javascript iterator terminates early?
- Renaming Function Parameters with Babel Without Changing Other Identical Identifiers
- How to find npm duplicate packages?
- Color gradient as style on marker
- How to fill the whole canvas with specific color?
- Change onclick action with a Javascript function
- Change onClick attribute with javascript
- JavaScript shuffle elements but track original index or use modulus to insert them into parent markup
- Parsing nested stringified json objects
- Gantt editable chart for ReactJs
- Pug is not correctly generating the HTML even with the correct pug indentation
- Chai/Node.js: Expect(value).to.be.NaN issue
- Why using toRef(props) and is it good idea to change their value in CompositionAPI?
- How to set document's title per page?
- How to rotate and fade background images in and out with javascript/ASP.NET/CSS
- Bootstrap collapse all accordions on button click
- Why does my Shadow DOM button (tabindex="0") get focus after the regular button (tabindex="10") and how can I fix it?
- Why do CDN links work for some versions but not others? NS_ERROR_CORRUPTED_CONTENT
- Creating a Blob from a base64 string in JavaScript
- How to add a watermark to a canvas that already has an image?
- How to detect ECMAscript version?
- Difference between useRef vs document.getElementById to focus an input
- Is it possible for an old-style class to inherit from an ECMAScript 6 class in JavaScript?
- How to update "updatedAt" manually?
- How to measure time taken by a function to execute
- How to have a link that has a product id in it
- Using ContextApi in SvelteKit in +page.server.ts
- Is it good practice to manipulate DOM in ReactJS?
- How to use Posthog to capture pageview events with React Router?
- PHP response triggers HEX view in Edge debugger