These audits validate the aspects of a Progressive Web App.
Ensuring your web app can respond when the network connection is unavailable or flaky is critical to providing your users a good experience. This is achieved through use of a Service Worker.
Users notice if sites and apps don't perform well. These top-level metrics capture the most important perceived performance concerns.
Progressive enhancement means that everyone can access the basic content and functionality of a page in any browser, and those without certain browser features may receive a reduced but not unfunctioning experience.
Security is an important part of the web for both developers and users. Moving forward, Transport Layer Security (TLS) support will be required for many APIs.
While users can manually add your site to their homescreen in the browser menu, the prompt (aka app install banner) will proactively prompt the user to install the app if the below requirements are met and the user has visited your site at least twice (with at least five minutes between visits).
A default splash screen will be constructed, but meeting these requirements guarantee a high-quality and customizable splash screen the user sees between tapping the home screen icon and your app’s first paint.
The browser address bar can be themed to match your site. A theme-color meta tag will upgrade the address bar when a user browses the site, and the manifest theme-color will apply the same theme site-wide once it's been added to homescreen.
Users increasingly experience your app on mobile devices, so it's important to ensure that the experience can adapt to smaller screens.
These audits do not affect your score but are worth a look.
#app-root > .container.text-center > .city-select-container.false > .city-options-continer > .auto-complete-container > .input-cityThese encapsulate your app's performance.