I’m using chrome 80 DevTools for auditing my page using Lighthouse. Lighthouse audit works fine for Performance, Accessibility, Best Practices, and SEO. However, for PWA even though I see the audit description there is no score, the score field(the circle) is grayed out(like an inactive HTML element). I was doing the google codelab for PWA. I don’t believe the issue is the code, if that was so the audit would have given some score at least 0 score. I tried disabling chrome extensions and also ran the audit in incognito mode but there is no difference.
The audit description and the run-time settings look like the following:
2
Answers
PWA require HTTPS to work.
You are using unencrypted HTTP protocol.
Using Chrome, there are exceptions to be added if you want working pwa over http in your local network:
"unsafely-treat-insecure-origin-as-secure" flag is not working on Chrome
According to exterkamp from this lighthouse github issue: "The PWA section was refactored, so it no longers displays the audit score. This is now the new normal for the PWA section audit of lighthouse. The PWA Audit displaying a gray dash like the image below is not a bug but a feature."
I also took the Google CodeLabs and I noticed that once I completed the step of adding the web app icon to the homescreen, the gray dash was gone and it was replaced with
PWA Icon Image
exterkamp from the github issue says: The PWA section still has a numeric score underlying it and can be seen if you run the CLI tool and generate JSON reports, or download the devtools report and look at the JSON.