What is a PWA?

PWA Super Powers for users

1. Killing the dinosaur: Offline support
2. Bad connection (or Lie-Fi) handling
3. Faster loadings
4. Low data usage
5. Native app experience

The Dino is dead!

Long live Offline Support!

Lie-Fi takes you prisonner

Lie-Fi takes you prisonner

Faster and better experience

• First connection: no installation
• Second connection: offline first

Saving up data

• Weak or expensive network : Data is critical
• Eliminating pages and modules redundancy 

Comfort of a native app

• Home screen shortcuts
• No navigation bar
• Push notifications

Expected benefits for Businesses

1. Low development and maintenance costs
2. Way smaller: dividing loading by 10
3. Retaining attention
4. Facilitating future encounters
5. Keeping visitors happy

One App to rule them all

Smaller: dividing size by 10 or more

• Lyft: 17mb with native to 1mb with PWA
• Saving on servers
• Lightweight, eco-friendly

Retaining attention

• Flipkart: 3x more time spent on site
• 5 miles: -50% bouncing rate

A useful reminder

• eXtra Electronics: 4x Re-engagement rate
• Reminding users of abandoned carts

Enjoyable experience for better results

• Junia: +74% conversion rate
• Progressive improvement

What's Inside?

Active Ingredients

• Manifest.json file
• Service Worker
• Cache API
• IndexedDB API

Manifest.json

todo: better formating & explanation

{
  "name": "csv-search",
  "short_name": "CSV Search",
  "theme_color": "#2196F3",
  "background_color": "#2196F3",
  "icons": [
    {
      "src": "images/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    
    {
      "src": "images/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone"
}

The Service Worker

Your new best friend!

// todo: video of service worker: see Jack Archibald talks

Cache API