SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
The Future of Web Apps
orWhy mobile apps should die a slow and painful death (but probably won’t)
Speaker: Paul Goodrich
But I like mobile apps!
How about
Did you know...
Facebook keeps running in the background?
Even if it’s not doing anything.
Even if you specifically close it.
Even if you specifically tell it not to run in the background.
Users who uninstall Facebook from their device see a 15% increase in battery
life on iOS and 20% on Android. It also runs about 15% faster.
...Except on most Android devices if you’re not rooted you can’t uninstall it.
Revelant XKCD
Fun fact about that app download
Lose 20% of users every time you make them go an extra step.
● Get App -> 100 users
● Download App from app store -> 80 users
● App permissions -> 64 users
● Run App -> 51 users
Getting users excited to install a native app costs $1-2 in ads,
loyal users $4 each ($2 a year ago).
What business thinks it cares about...
As of 2015, 87% of users’ time is spent on mobile apps vs 13%
mobile web.
80%of mobile app time is spent
in a user’s top 3 apps.
Exception being mobile games.
What business actually cares about...
Users spend more money every year on mobile web (66%)
instead of native apps
Also...
Why’d we stop using web apps again?
Slower - Loading resources every time, loading desktop resources, Javascript, Slow
internet/Latency
No use offline
Not easily available from phone home-screen
No notifications
Not full-screen
Web Apps TODAY
Faster
Bigger phone cache and local storage.
Various improvements for only loading what you need.
Better mobile internet speed
Better mobile site design
Now for the exciting stuff...
DEMO
How? Service Workers
Supported by Chrome 46. Most other browsers require a polyfill.
Register Service Worker
Choose what you want to make available offline
Fetch cached resources offline - Demo
Other useful info:
Tutorial
chrome://inspect/#service-workers to see what service workers are registered
Coming soon: Caching queries and url parameters
Adding to Homescreen
We actually reduce install steps due to no app
store.
● Get App -> 100 users
● (Optionally) Run App from home
screen/app list -> 80 users
But my apps have icons...
DEMO
You might have noticed...
"display": "standalone",
Full-screen ahead!
Shows up as a separate app
from Chrome
Phone DEMO
You probably already know this one...
Using...
Push notifications Service Workers!
Why should business care?
Push notifications change user behavior
50% repeat visits within 3 months
20% increase in money spent per user on average
How?
Fairly involved
DEMO
TUTORIAL
● Register Service worker
● Setup Google Cloud Messaging
● Create Push Event listener in service
worker to show notification
● User subscribe to push notifications
● cURL or xHR to client subscription ID
Web Apps SOON
EVEN
FASTER
WebAssembly (WASM)
What is it?
Time to write a client-side web app…
What should I use?
Still Javascript...
WASM incoming
WHAT IS IT
Binary representation of abstract syntax trees for low-level browser code
FLEXIBILITY
Can act as a compiler target. C/C++ focus for now.
BUT IF IT’S BINARY…DEBUGGING SOUNDS HARD!
You’ll be able to debug using source code
WASM deux
HOW FAST?
No parsing. Compresses smaller than Javascript.
BACKWARDS-COMPATIBLE
No versioning necessary.
SECURE
Security handled same as in Javascript
Workin’ on it
WASM someday (soon hopefully)
Garbage collection
Just in time compiling
Thus support for more modern and dynamic languages like Java and C#
Does this kill JavaScript?
Short answer:
No.
More on WASM
Interview with Brandon Eich on
why we need WebAssembly
Questions and Ramblings
Thank you for your attention!
Now go make something great.

Contenu connexe

Tendances

Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools Applitools
 
DevOps the phoenix project simulation
DevOps the phoenix project simulationDevOps the phoenix project simulation
DevOps the phoenix project simulationMurughan Palaniachari
 
How We Make Apps And Services
How We Make Apps And ServicesHow We Make Apps And Services
How We Make Apps And Servicesculturengine
 
How to scale your Test Automation
How to scale your Test AutomationHow to scale your Test Automation
How to scale your Test AutomationKlaus Salchner
 
Build the "right" regression suite using Behavior Driven Testing (BDT)
Build the "right" regression suite using Behavior Driven Testing (BDT)Build the "right" regression suite using Behavior Driven Testing (BDT)
Build the "right" regression suite using Behavior Driven Testing (BDT)Anand Bagmar
 
Don’t Go over the Waterfall: Keep Agile Testing Agile
Don’t Go over the Waterfall: Keep Agile Testing AgileDon’t Go over the Waterfall: Keep Agile Testing Agile
Don’t Go over the Waterfall: Keep Agile Testing AgileTechWell
 
Enabling CD in Enterprises with Testing
Enabling CD in Enterprises with TestingEnabling CD in Enterprises with Testing
Enabling CD in Enterprises with TestingAnand Bagmar
 
How a Business Executive Led the Implementation of Agile, Lean & CI/CD
How a Business Executive Led the Implementation of Agile, Lean & CI/CDHow a Business Executive Led the Implementation of Agile, Lean & CI/CD
How a Business Executive Led the Implementation of Agile, Lean & CI/CDEm Campbell-Pretty
 
Agile and user story workshop Peter Saddington
Agile and user story workshop   Peter SaddingtonAgile and user story workshop   Peter Saddington
Agile and user story workshop Peter SaddingtonPeter Saddington
 
Different phases of accessibility testing
Different phases of accessibility testingDifferent phases of accessibility testing
Different phases of accessibility testingPoonam Tathavadkar
 
Data-Driven Software Design
Data-Driven Software DesignData-Driven Software Design
Data-Driven Software DesignPatrick McKenzie
 
Baking In Quality: The Evolving Role of the Agile Tester
Baking In Quality: The Evolving Role of the Agile TesterBaking In Quality: The Evolving Role of the Agile Tester
Baking In Quality: The Evolving Role of the Agile TesterTechWell
 
UI Automation Quirks
UI Automation QuirksUI Automation Quirks
UI Automation QuirksLucas Pang
 
Quick win ways to mitigate feature creep
Quick win ways to mitigate feature creepQuick win ways to mitigate feature creep
Quick win ways to mitigate feature creepEnov8
 
PSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your ProductivityPSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your ProductivityJennifer Aldrich
 
Adopt Teams concept instead of chat
Adopt Teams concept instead of chatAdopt Teams concept instead of chat
Adopt Teams concept instead of chatJeff ANGAMA
 
Say NO To (More) Selenium Tests
Say NO To (More) Selenium TestsSay NO To (More) Selenium Tests
Say NO To (More) Selenium TestsAnand Bagmar
 

Tendances (19)

Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
Visual Testing: Quality and Speed -- by GIl Tayar, Applitools
 
Agile Product Management
Agile Product ManagementAgile Product Management
Agile Product Management
 
DevOps the phoenix project simulation
DevOps the phoenix project simulationDevOps the phoenix project simulation
DevOps the phoenix project simulation
 
How We Make Apps And Services
How We Make Apps And ServicesHow We Make Apps And Services
How We Make Apps And Services
 
How to scale your Test Automation
How to scale your Test AutomationHow to scale your Test Automation
How to scale your Test Automation
 
Build the "right" regression suite using Behavior Driven Testing (BDT)
Build the "right" regression suite using Behavior Driven Testing (BDT)Build the "right" regression suite using Behavior Driven Testing (BDT)
Build the "right" regression suite using Behavior Driven Testing (BDT)
 
Don’t Go over the Waterfall: Keep Agile Testing Agile
Don’t Go over the Waterfall: Keep Agile Testing AgileDon’t Go over the Waterfall: Keep Agile Testing Agile
Don’t Go over the Waterfall: Keep Agile Testing Agile
 
Enabling CD in Enterprises with Testing
Enabling CD in Enterprises with TestingEnabling CD in Enterprises with Testing
Enabling CD in Enterprises with Testing
 
How a Business Executive Led the Implementation of Agile, Lean & CI/CD
How a Business Executive Led the Implementation of Agile, Lean & CI/CDHow a Business Executive Led the Implementation of Agile, Lean & CI/CD
How a Business Executive Led the Implementation of Agile, Lean & CI/CD
 
Agile and user story workshop Peter Saddington
Agile and user story workshop   Peter SaddingtonAgile and user story workshop   Peter Saddington
Agile and user story workshop Peter Saddington
 
Different phases of accessibility testing
Different phases of accessibility testingDifferent phases of accessibility testing
Different phases of accessibility testing
 
Data-Driven Software Design
Data-Driven Software DesignData-Driven Software Design
Data-Driven Software Design
 
Baking In Quality: The Evolving Role of the Agile Tester
Baking In Quality: The Evolving Role of the Agile TesterBaking In Quality: The Evolving Role of the Agile Tester
Baking In Quality: The Evolving Role of the Agile Tester
 
UI Automation Quirks
UI Automation QuirksUI Automation Quirks
UI Automation Quirks
 
Agile coach - roadmap and user story map
Agile coach - roadmap and user story map Agile coach - roadmap and user story map
Agile coach - roadmap and user story map
 
Quick win ways to mitigate feature creep
Quick win ways to mitigate feature creepQuick win ways to mitigate feature creep
Quick win ways to mitigate feature creep
 
PSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your ProductivityPSU Web 2014: UX and Design Tools That Will Improve Your Productivity
PSU Web 2014: UX and Design Tools That Will Improve Your Productivity
 
Adopt Teams concept instead of chat
Adopt Teams concept instead of chatAdopt Teams concept instead of chat
Adopt Teams concept instead of chat
 
Say NO To (More) Selenium Tests
Say NO To (More) Selenium TestsSay NO To (More) Selenium Tests
Say NO To (More) Selenium Tests
 

Similaire à The Future of Web Apps

Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Christian Heilmann
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web AppJason Grigsby
 
How to make money with the Windows Store
How to make money with the Windows StoreHow to make money with the Windows Store
How to make money with the Windows StoreMicrosoft Schweiz
 
Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?Christian Heilmann
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteJason Grigsby
 
Android Instant Apps testing
Android Instant Apps testingAndroid Instant Apps testing
Android Instant Apps testingDiana Pinchuk
 
progressive web app
 progressive web app progressive web app
progressive web appRAGINI .
 
Progressive Web Apps: Opera's perspective
Progressive Web Apps: Opera's perspectiveProgressive Web Apps: Opera's perspective
Progressive Web Apps: Opera's perspectiveAndreas Bovens
 
PERTEMUAN 3_INTRO TO ANDROID APP DEV.pdf
PERTEMUAN 3_INTRO TO ANDROID APP DEV.pdfPERTEMUAN 3_INTRO TO ANDROID APP DEV.pdf
PERTEMUAN 3_INTRO TO ANDROID APP DEV.pdfarfa442827
 
The Case for Progressive Web Apps
The Case for Progressive Web AppsThe Case for Progressive Web Apps
The Case for Progressive Web AppsJason Grigsby
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017Christian Heilmann
 
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...Robert Nyman
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppSubodh Garg
 
Business Values of PWAs
Business Values of PWAsBusiness Values of PWAs
Business Values of PWAsUXDXConf
 
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
 
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsAnjaliTanpure1
 
The Web Platform - State of the Union '17
The Web Platform - State of the Union '17The Web Platform - State of the Union '17
The Web Platform - State of the Union '17Abdelrahman Omran
 

Similaire à The Future of Web Apps (20)

Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
How to make money with the Windows Store
How to make money with the Windows StoreHow to make money with the Windows Store
How to make money with the Windows Store
 
Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your website
 
Android Instant Apps testing
Android Instant Apps testingAndroid Instant Apps testing
Android Instant Apps testing
 
SmartVision Android App
SmartVision Android AppSmartVision Android App
SmartVision Android App
 
progressive web app
 progressive web app progressive web app
progressive web app
 
How to build your own Android App -Step by Step Guide
How to build your own Android App -Step by Step GuideHow to build your own Android App -Step by Step Guide
How to build your own Android App -Step by Step Guide
 
Progressive Web Apps: Opera's perspective
Progressive Web Apps: Opera's perspectiveProgressive Web Apps: Opera's perspective
Progressive Web Apps: Opera's perspective
 
PERTEMUAN 3_INTRO TO ANDROID APP DEV.pdf
PERTEMUAN 3_INTRO TO ANDROID APP DEV.pdfPERTEMUAN 3_INTRO TO ANDROID APP DEV.pdf
PERTEMUAN 3_INTRO TO ANDROID APP DEV.pdf
 
The Case for Progressive Web Apps
The Case for Progressive Web AppsThe Case for Progressive Web Apps
The Case for Progressive Web Apps
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
 
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Business Values of PWAs
Business Values of PWAsBusiness Values of PWAs
Business Values of PWAs
 
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceGo for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
 
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
 
The Web Platform - State of the Union '17
The Web Platform - State of the Union '17The Web Platform - State of the Union '17
The Web Platform - State of the Union '17
 
12 top app testing tools
12 top app testing tools12 top app testing tools
12 top app testing tools
 

Dernier

FULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCR
FULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCRFULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCR
FULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCRnishacall1
 
9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Service
9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Service9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Service
9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Servicenishacall1
 
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost LoverPowerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost LoverPsychicRuben LoveSpells
 
Leading Mobile App Development Companies in India (2).pdf
Leading Mobile App Development Companies in India (2).pdfLeading Mobile App Development Companies in India (2).pdf
Leading Mobile App Development Companies in India (2).pdfCWS Technology
 
BDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls
 

Dernier (6)

FULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCR
FULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCRFULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCR
FULL ENJOY - 9999218229 Call Girls in {Mahipalpur}| Delhi NCR
 
9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Service
9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Service9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Service
9999266834 Call Girls In Noida Sector 52 (Delhi) Call Girl Service
 
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost LoverPowerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
Powerful Love Spells in Arkansas, AR (310) 882-6330 Bring Back Lost Lover
 
Leading Mobile App Development Companies in India (2).pdf
Leading Mobile App Development Companies in India (2).pdfLeading Mobile App Development Companies in India (2).pdf
Leading Mobile App Development Companies in India (2).pdf
 
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
 
BDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 71 Noida Escorts >༒8448380779 Escort Service
 

The Future of Web Apps

  • 1. The Future of Web Apps orWhy mobile apps should die a slow and painful death (but probably won’t) Speaker: Paul Goodrich
  • 2. But I like mobile apps!
  • 4. Did you know... Facebook keeps running in the background? Even if it’s not doing anything. Even if you specifically close it. Even if you specifically tell it not to run in the background. Users who uninstall Facebook from their device see a 15% increase in battery life on iOS and 20% on Android. It also runs about 15% faster. ...Except on most Android devices if you’re not rooted you can’t uninstall it.
  • 5.
  • 7. Fun fact about that app download Lose 20% of users every time you make them go an extra step. ● Get App -> 100 users ● Download App from app store -> 80 users ● App permissions -> 64 users ● Run App -> 51 users Getting users excited to install a native app costs $1-2 in ads, loyal users $4 each ($2 a year ago).
  • 8. What business thinks it cares about... As of 2015, 87% of users’ time is spent on mobile apps vs 13% mobile web. 80%of mobile app time is spent in a user’s top 3 apps. Exception being mobile games.
  • 9. What business actually cares about... Users spend more money every year on mobile web (66%) instead of native apps
  • 11. Why’d we stop using web apps again? Slower - Loading resources every time, loading desktop resources, Javascript, Slow internet/Latency No use offline Not easily available from phone home-screen No notifications Not full-screen
  • 12. Web Apps TODAY Faster Bigger phone cache and local storage. Various improvements for only loading what you need. Better mobile internet speed Better mobile site design
  • 13. Now for the exciting stuff... DEMO
  • 14. How? Service Workers Supported by Chrome 46. Most other browsers require a polyfill. Register Service Worker Choose what you want to make available offline Fetch cached resources offline - Demo Other useful info: Tutorial chrome://inspect/#service-workers to see what service workers are registered Coming soon: Caching queries and url parameters
  • 15. Adding to Homescreen We actually reduce install steps due to no app store. ● Get App -> 100 users ● (Optionally) Run App from home screen/app list -> 80 users
  • 16. But my apps have icons... DEMO
  • 17. You might have noticed... "display": "standalone", Full-screen ahead! Shows up as a separate app from Chrome Phone DEMO
  • 18. You probably already know this one... Using... Push notifications Service Workers!
  • 19. Why should business care? Push notifications change user behavior 50% repeat visits within 3 months 20% increase in money spent per user on average
  • 20. How? Fairly involved DEMO TUTORIAL ● Register Service worker ● Setup Google Cloud Messaging ● Create Push Event listener in service worker to show notification ● User subscribe to push notifications ● cURL or xHR to client subscription ID
  • 22. What is it? Time to write a client-side web app… What should I use?
  • 24. WASM incoming WHAT IS IT Binary representation of abstract syntax trees for low-level browser code FLEXIBILITY Can act as a compiler target. C/C++ focus for now. BUT IF IT’S BINARY…DEBUGGING SOUNDS HARD! You’ll be able to debug using source code
  • 25. WASM deux HOW FAST? No parsing. Compresses smaller than Javascript. BACKWARDS-COMPATIBLE No versioning necessary. SECURE Security handled same as in Javascript
  • 27. WASM someday (soon hopefully) Garbage collection Just in time compiling Thus support for more modern and dynamic languages like Java and C#
  • 28. Does this kill JavaScript? Short answer: No.
  • 29. More on WASM Interview with Brandon Eich on why we need WebAssembly
  • 31. Thank you for your attention! Now go make something great.