We’re constantly working to improve Travel to Live and following Google’s Progressive Web App Checklist is a pretty good way to do that. But when I wanted to transfer this list into our project management tool (we use Taiga), I had to do some annoying copying and pasting. Below you’ll find the list, in an easily copy-able form, as of February 9th, 2017. For reference, here is the full list.

  • Site is served over HTTPS
  • Pages are responsive on tablets & mobile devices
  • The start URL (at least) loads while offline
  • Metadata provided for Add to Home screen
  • First load fast even on 3G
  • Site works cross-browser
  • Page transitions don’t feel like they block on the network
  • Each page has a URL
  • Site’s content is indexed by Google
  • Schema.org metadata is provided where appropriate
  • Social metadata is provided where appropriate
  • Canonical URLs are provided when necessary
  • Pages use the History API
  • Content doesn’t jump as the page loads
  • Pressing back from a detail page retains scroll position on the previous list page
  • When tapped, inputs aren’t obscured by the on screen keyboard
  • Content is easily sharable from standalone or full screen mode
  • Site is responsive across phone, tablet and desktop screen sizes
  • Any app install prompts are not used excessively
  • The Add to Home Screen prompt is intercepted
  • First load very fast even on 3G
  • Site uses cache-first networking
  • Site appropriately informs the user when they’re offline
  • Provide context to the user about how notifications will be used
  • UI encouraging users to turn on Push Notifications must not be overly aggressive.
  • Site dims the screen when permission request is showing
  • Push notifications must be timely, precise and relevant
  • Provides controls to enable and disable notifications
  • User is logged in across devices via Credential Management API
  • User can pay easily via native UI from Payment Request API.

This is only a summary of Google’s checklist, which you’re going to need to understand what anything on this list means. Read it and then come back and copy/paste this list, so you can actually use it as a “Progressive Web App Checklist“. 🙂 And don’t forget to check out Lighthouse to automatically test for many of the items on this list!