Slide 1

Slide 1 text

Paul Kinlan Developer Advocate

Slide 2

Slide 2 text

A Progressive Web App is Discoverable by all Loads quickly, even on 2G Works offline Fast and smooth Progressively installed Easy to re-engage with

Slide 3

Slide 3 text

Installable Performant Engaging

Slide 4

Slide 4 text

Add to home screen Installable

Slide 5

Slide 5 text

Splash screen and theme color Installable

Slide 6

Slide 6 text

HTML { "short_name": "Flipkart Lite", "start_url": "/", "display": "standalone", "background_color": "#2196F3", "theme_color": "#2196F3", "icons": [{ "src": "icons/icon-192.png", "sizes": "192x192", "type": "image/png" }], "orientation": "portrait" } JSON Manifest Installable

Slide 7

Slide 7 text

Activated Error Idle Active Terminated Load Service Worker Adds app-like lifecycle to a page Wakes up only when the OS says Only responds to system events Installable

Slide 8

Slide 8 text

Install required assets Activated You manage what is “installed” and how it is cached. Install Get files /index.html /styles/main.css /scripts/app.js Installable

Slide 9

Slide 9 text

Offline and resilient You are in control Client-side proxy Manage every request Service Worker Web
 Server Local
 Cache Installable

Slide 10

Slide 10 text

Fast even on 2G and cost effective Service Worker Local
 Cache Web
 Server Performant

Slide 11

Slide 11 text

DPR: 
 Screen Density Viewport-Width: 
 Mobile width Save-data: 
 User wants to save data downlinkMax: 
 Network speed Make intelligent decisions on sever No image No videos Low res image downlinkMax 
 < 50kp Save-data = 1 DPR = 0.5 Web Server Performant

Slide 12

Slide 12 text

Automatically fast ModPagespeedInheritVHostConfig on
 ModPagespeedRewriteLevel OptimizeForBandwidth
 
 ServerName prioritize_above_the_fold.example.com
 ModPagespeedEnableFilters inline_javascript,prioritize_critical_css,inline_preview_images
 
 
 ServerName preserve_css_urls_off.example.com
 ModPagespeedCssPreserveURLs off
 
 
 ServerName core.example.com
 ModPagespeedRewriteLevel CoreFilters
 Performant

Slide 13

Slide 13 text

Push notifications Works when browser closed Lightweight (save’s battery by using GCM) Native notifications Service Worker Push Service (GCM) Web Server Engaging

Slide 14

Slide 14 text

Power of push notifications increase in time spent for users visiting via push notifications 72% increase in average spend per visit by users arriving via a push notification 26% Engaging

Slide 15

Slide 15 text

350M Push notifications delivered every day Engaging

Slide 16

Slide 16 text

Bluetooth Permissions Network 
 Information Microphone Camera And there is more Native Sharing Location Engaging

Slide 17

Slide 17 text

Progressive Web Apps Discoverable by all Loads quickly, even on 2G Works offline Fast and smooth Progressively installed Easy to re-engage with

Slide 18

Slide 18 text

The web is 
 critical to your mobile strategy

Slide 19

Slide 19 text

Thank You

Slide 20

Slide 20 text

New Billion Users IDG Ventures Culturealley Google Nishant Patni Sudhir Sethi Jay Kota Snapdeal Anand Chandrasekaran

Slide 21

Slide 21 text

Thank You