skip to Main Content

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.

enter image description here

The audit description and the run-time settings look like the following:

enter image description here

2

Answers


  1. 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

    Login or Signup to reply.
  2. 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.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search