PWA's

Hva, hvordan & hvorfor?

Hva?

Native

Hybrid

Web

App types

Progressive Web Apps

Progressive Web App

Offline support

Push notifications

Add to home screen

Splash screen

Hvordan?

Service worker

Manifest.json

(https)

<link rel="manifest" href="/manifest.json">

That's it!

Hvorfor?

Browser support

Motivations

  • Sell ads
  • Track people
  • App store

Mobile Browser usage stats

August 2016

Chrome

37%

Safari

22%

Mobile Browser usage stats

August 2016 (Fox news version)

Chrome

37%

Safari

22%

40%

20%

Hvorfor ikke?

  • Add to home screen
  • Splash screen (favicon)
  • Offline support
  • Google search priority (maybe - future)

>37% får en bedre opplevelse

Examples

pwa.rocks

Performance

Web vs Native

Native

Web

Discoverability

Maintainability

Re-engagement

Hva er viktigst for kunden?

Demo

PWA's

By Bård Hovde

PWA's

  • 1,847