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:
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:
Share Improve this question edited Mar 9, 2020 at 16:28 Addis asked Mar 9, 2020 at 15:42 AddisAddis 2,5302 gold badges16 silver badges21 bronze badges 4- that's were I tried it. – Addis Commented Mar 9, 2020 at 15:47
- Please provide more information, from developers console, from STDERR (start Chrome using the terminal), also please show your response mime type and status code. – Daniel W. Commented Mar 9, 2020 at 16:17
- I have added some more info – Addis Commented Mar 9, 2020 at 16:29
- Here's an alternative: pwabuilder. – Shub Commented Jul 11, 2024 at 18:22
2 Answers
Reset to default 4According 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 pleted 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.
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