更新后“违规 readystatechange 处理程序耗时 760 毫秒”Chrome

Question

更新后Google Chrome v57.0.2987，我们的网站在打开 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

这只是偶尔发生。当我们遇到这些错误时，Colorbox 对我们不起作用。

Google Chrome 上是否存在错误？

编辑： Magento 合并 JavaScript 导致错误。这是不对的地方。如果我不合并它们，那么我就不会收到这些错误并且加载正确。

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 1

Chrome 只是说你的代码 is blocking the UI too much.

更新后“违规 readystatechange 处理程序耗时 760 毫秒”Chrome

“Violation readystatechange handler took 760ms” After Updating Chrome

javascript

google-chrome

typeerror

colorbox

magento-1.9