GoogleChrome / lighthouse

Automated auditing, performance metrics, and best practices for the web.
https://developer.chrome.com/docs/lighthouse/overview/
Apache License 2.0
28.32k stars 9.36k forks source link

Repeatable freeze/timeout problem when testing www.telenor.com #12792

Closed OttoG closed 3 years ago

OttoG commented 3 years ago

FAQ

URL

https://www.telenor.com/

What happened?

I analyzed the website https://www.telenor.com/ (the corporate website of a major Northen European corporation) using the interactive Lighthouse interface. (Tried several times, restarting the browser inbetween.)

The report never finished, and while running, the console accumulated warning messages. In the latest run, I let it log about 140 000 warnings before cancelling (which is not easy, as the cancel button is half-hidden).

The exported log from the console is 47 MB in size, but most items are very similar to the following:

Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:369
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:382
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:391
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:401
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/ico-menu-search.png"
Image (async)
onerror @ www.telenor.com/:337
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/ico-contrast.png"
Image (async)
onerror @ www.telenor.com/:353
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:360

This is what the interface looked like before I cancelled (note the warning count at the middle right):

Lighthouse-www telenor com

These were the settings in use:

image

What did you expect?

A finished Lighthouse report was expected.

What have you tried?

I tried restarting the browser and checking that it is up to date, which it was: Version 91.0.4472.114 (Official Build) (x86_64)

I tried generating reports for multiple other websites, which consistently worked fine.

I also tried running Lighthouse programmatically using the "lighthouse" Node.js module, which gave the following error, after a delay of a minute or so. This might give some clues to where the error occurred. (In this case, however, the Lighthouse version was 8.1.0 – not 7.2.0 as when I ran it interactively.)

PROTOCOL_TIMEOUT
Waiting for DevTools protocol response has exceeded the allotted time. (Method: Emulation.setScriptExecutionDisabled)

How were you running Lighthouse?

Chrome DevTools

Lighthouse Version

7.2.0 (and 8.1.0 when running from Node.js)

Chrome Version

macOS 91.0.4472.114 (Official Build) (x86_64)

Node Version

No response

Relevant log output

Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:401
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/ico-menu-search.png"
Image (async)
onerror @ www.telenor.com/:337
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/ico-contrast.png"
Image (async)
onerror @ www.telenor.com/:353
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:360
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:369
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:382
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:391
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:401
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/ico-menu-search.png"
Image (async)
onerror @ www.telenor.com/:337
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/ico-contrast.png"
Image (async)
onerror @ www.telenor.com/:353
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:360
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:369
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:382
Request was blocked by DevTools: "https://www.telenor.com/wp-content/themes/telgr-desktop-theme/img/arrow-white-down.png"
Image (async)
onerror @ www.telenor.com/:391
OttoG commented 3 years ago

Here is the gzipped log from the browser console, by the way:

www.telenor.com-1626349269152.log.gz

patrickhulce commented 3 years ago

Thanks for filing!

This is a known issue caused by misbehaving page behavior (see https://github.com/GoogleChrome/lighthouse/issues/12382#issuecomment-826869326). The action item for Lighthouse is to craft a better error message that explains the page causes Chrome to become unresponsive (see https://github.com/GoogleChrome/lighthouse/issues/12636).