The Future of Web Apps

31
The Future of Web Apps or Why mobile apps should die a slow and painful death (but probably won’t) Speaker: Paul Goodrich

Transcript of The Future of Web Apps

Page 1: The Future of Web Apps

The Future of Web Appsor

Why mobile apps should die a slow and painful death (but probably won’t)

Speaker: Paul Goodrich

Page 2: The Future of Web Apps

But I like mobile apps!

Page 3: The Future of Web Apps

How about

Page 4: The Future of Web Apps

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.

Page 5: The Future of Web Apps
Page 7: The Future of Web Apps

Fun fact about that app downloadLose 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).

Page 8: The Future of Web Apps

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.

Page 9: The Future of Web Apps

What business actually cares about...

Users spend more money every year on mobile web (66%)

instead of native apps

Page 10: The Future of Web Apps

Also...

Page 11: The Future of Web Apps

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

Page 12: The Future of Web Apps

Web Apps TODAYFaster

Bigger phone cache and local storage.

Various improvements for only loading what you need.

Better mobile internet speed

Better mobile site design

Page 13: The Future of Web Apps

Now for the exciting stuff...

DEMO

Page 14: The Future of Web Apps

How? Service WorkersSupported 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

Page 15: The Future of Web Apps

Adding to HomescreenWe actually reduce install steps due to no app

store.

● Get App -> 100 users

● (Optionally) Run App from home

screen/app list -> 80 users

Page 17: The Future of Web Apps

You might have noticed... "display": "standalone",

Full-screen ahead!

Shows up as a separate app

from Chrome

Phone DEMO

Page 18: The Future of Web Apps

You probably already know this one...

Using...

Push notifications Service Workers!

Page 19: The Future of Web Apps

Why should business care?Push notifications change user behavior

50% repeat visits within 3 months

20% increase in money spent per user on average

Page 20: The Future of Web Apps

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

Page 21: The Future of Web Apps

Web Apps SOON

EVEN

FASTER

WebAssembly (WASM)

Page 22: The Future of Web Apps

What is it?Time to write a client-side web app…

What should I use?

Page 23: The Future of Web Apps

Still Javascript...

Page 24: The Future of Web Apps

WASM incomingWHAT 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

Page 25: The Future of Web Apps

WASM deuxHOW FAST?

No parsing. Compresses smaller than Javascript.

BACKWARDS-COMPATIBLE

No versioning necessary.

SECURE

Security handled same as in Javascript

Page 26: The Future of Web Apps

Workin’ on it

Page 27: The Future of Web Apps

WASM someday (soon hopefully)Garbage collection

Just in time compiling

Thus support for more modern and dynamic languages like Java and C#

Page 28: The Future of Web Apps

Does this kill JavaScript?Short answer:

No.

Page 30: The Future of Web Apps

Questions and Ramblings

Page 31: The Future of Web Apps

Thank you for your attention!Now go make something great.