Issue with Google Tag Manager <noscript>

[alanablett]

Provide the steps to reproduce

Run LH on https://wd40.ca/

What is the current behavior?

Lighthouse reports PWA Issues

• Redirects HTTP traffic to HTTPS
• Contains some content when JavaScript is not available

What is the expected behavior?

Lighthouse does not report those issues

Resolution

It seems that the behaviour is related to the existence of the google tag manager <noscript><iframe> element on the page. Upon removing that element we see that both of the errors reported below disappear.

Environment Information

• Affected Channels: Extension
• Lighthouse version: 5.2.0

[patrickhulce]

Thanks for filing @alanablett! I'm not able to able to reproduce this issue though, everything passes on my end :/

Anything else about the repro steps might be relevant? Relevant settings or geo required to reproduce perhaps?

[alanablett]

Thanks for your swift response @patrickhulce

There should be no difference in terms of geo or set up.

I actually just ran the test via the CLI instead, using lighthouse https://wd40.ca/ and lighthouse https://wd40.ca/ --chrome-flags="--headless" Seems that the headless browser doesn't have the issue. Screenshots below show the results. Any ideas what might be going on? Thanks

[patrickhulce]

Ah thanks for the screenshots!

Do you see the warning message about the interstitial and the question mark in place of the PWA score? Those are trying to indicate that something went wrong while loading the page, not that the site has done something wrong :) In your case with the iframe, it's a root cause of #9562 and fixed in 5.4.0 which was just released. If you update LH, it should go away 👍

Going to close for now, but if latest LH doesn't fix the issue, feel free to chime back in :)

[alanablett]

I can confirm that updating to 5.4.0 fixed the "issue". Many thanks for your help @patrickhulce