Menu
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:
210
Lighthouse provides a summary of the page tested using scores and easy-to-understand visual cues: green applies to scores between 90 and 100 and is considered good, orange means that the score is average and applies to those between 50 and 89, and red applies to scores between 0 and 49 which are considered poor.
Lighthouse is an open-source, automated auditing tool for improving the quality of web pages. It provides a well-lit path for improving the quality of sites by allowing developers to run audits for performance, accessibility, progressive web apps compatibility and more.
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.
146
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
