Video and slides synchronized, mp3 and slide download available at URL http://bit.ly/20ogJLF.
Alex Russell discusses the impact of new standards-track technologies like Service Workers, Web Manifests, and Web Push which are landing in browsers. Filmed at qconsf.com.
Alex Russell is a Staff Software Engineer at on the Chrome team at Google where he designs new features for the web platform and leads Chrome's Standards work.
1. The Future of The Web
+Alex Russell
@slightlylate
Does It Have One?
2. InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month
Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/web-service-workers-manifest-push
3. Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide
Presented at QCon San Francisco
www.qconsf.com
34. average apps used
per month by
a mobile user
27
sites navigated to per
month by the average
Chrome for Android user
100+
Source: Nielsen Mobile Report June 2015
35. Distribution Is The Hardest
Problem In Software
flickr.com/photos/blakespot/
37. Load store
Click install
Accept permissions
Download, wait...
Find in store
Use
Let’s say I
intrigued
~1000 of you
800
640
512
410
328
262
“In a consumer
mobile app, every
step you make a
user perform
before they get
value out of your
app will cost you
~20% of users...”
http://blog.gaborcselle.com/2012/10/every-step-costs-you-20-of-users.html
38. ...but what if I
can get users
directly into a
store/install
flow?
Click install 800
Accept permissions 640
Download, wait 512
Find, Use 410
64. example.com
// sw.js
onfetch = function(e) {
if(e.request.url == "app.html") {
e.respondWith(
caches.match(e.request)
);
}
if(e.request.url == "content.json") {
// go to the network for updates,
// meanwhile, use cached content
fetch(...).then(function(r) {
r.asJSON().then(function(json) {
e.client.postMessage(json);
});
});
}
};
GET /app.html HTTP/1.1
HOST example.com
...
GET /content.json HTTP/1.1
HOST example.com
... GET /content.json HTTP/1.1
HOST example.com
...
HTTP/1.1 200 OK
Date: Thu, 19 Feb 2015...
...
65. Service Workers Are
Network Progressive
Enhancement
Progressive Apps work without SW for first load & old browsers.
66. Load URL
Use
Progressive upgrade...
// register Service Worker in index.html
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/v1/sw.js').then(reg => {
console.log("Registration succeeded!");
}).catch(error => {
console.log("Registration failed with" + error);
});
}
Service Worker begins the
progressive upgrade by
initiating the registration
process while the user is
interacting with the page...
75. November 2015 - Flipkart re-launches mobile web app
"There have been a few turning points in the history of
the web platform that radically changed how web apps
were built, deployed and experienced."
"Mobile Engineering team at Flipkart discovered that
with right set of capabilities in a browser, a mobile web
app can be as performant as a native app."
"We believe more browser companies and developers
will start thinking in these lines and make web apps even
better. The web is truly what you make of it, and we have
only just begun."