“Violation readystatechange handler took 760ms” After Updating Chrome

javascript google-chrome typeerror magento-1.9 colorbox
LaurenFrida picture LaurenFrida · Apr 7, 2017 · Viewed 37.8k times · Source

After updating Google Chrome v57.0.2987, our website is getting errors when we open Collorbox:

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

    [Violation] 'readystatechange' handler took 760ms
    [Violation] Forced reflow while executing JavaScript took 51ms
    [Violation] Forced reflow while executing JavaScript took 43ms
    [Violation] Forced reflow while executing JavaScript took 38ms

This only happens sometimes. And when we get these errors, Colorbox does not work for us.

Is there maybe a bug on Google Chrome?

Edit: Magento merging JavaScript is causing the error. This is what’s not working right. If I don’t merge them, then I don’t get these errors and it’s loading correctly.

VM23586:4 Uncaught TypeError: Cannot set property 'value' of null  at choose (eval at <anonymous> (0a9e2e3….js:11743), <anonymous>:4:73)  at HTMLImageElement.onclick (letto-moderno-imbottito-prisma.html:1)
Uncaught TypeError: Cannot read property 'close' of undefined  at HTMLDivElement.onclick (letto-moderno-imbottito-prisma.html:1)

Answer

Pablo Lozano picture Pablo Lozano · Apr 7, 2017

Chrome is just saying that your code is blocking the UI too much.

Related questions

"Uncaught TypeError: Illegal invocation" in Chrome

When I use requestAnimationFrame to do some native supported animation with below code: var support = { animationFrame: window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame }; support.animationFrame(function() {}); //error support.animationFrame.call(window, function() {}); //right Directly calling the support.…

Read More
ZeroClipboard just isn't working

Originally, this post was regarding my attempts to inject ZeroClipboard into web pages by and for use by my Chrome extension, but I've dumbed the scenario down and down and down in a seemingly futile attempt to identify the issue …

Read More
Disable same origin policy in Chrome

Is there any way to disable the Same-origin policy on Google's Chrome browser?

Read More