Transitions should feel snappy as you tap around, even on a slow network, a key to perceived performance.
Open the app on a simulated very slow network. Every time you tap a link/button in the app the page should respond immediately, either by:
- Transitioning immediately to the next screen and showing a placeholder loading screen while waiting for content from the network.
- A loading indicator is shown while the app waits for a response from the network.
If using a single-page-app (client rendered), transition the user to the next page immediately and show a skeleton screen. Use any content such as title or thumbnail already available while content loads.
Each PWA audit is weighted equally in the Lighthouse PWA Score, with the exception of three manual audits: Site works cross-browser, Page transitions don't feel like they block on the network, Each page has a URL. Learn more in The Progressive Web App score.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.