Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
[this.javascript] State of Chrome
Search
Paul Kinlan
November 14, 2017
Programming
0
130
[this.javascript] State of Chrome
The rest of the presentation that I didn't get too :)
Paul Kinlan
November 14, 2017
Tweet
Share
More Decks by Paul Kinlan
See All by Paul Kinlan
Progressive Web Apps in 10 minutes - Google for India
paulkinlan
2
260
Be instant and engaging on the mobile web - Google Mobile for India
paulkinlan
4
270
The future of the web on mobile? - Coldfront conf
paulkinlan
5
55k
This is the Web Platform
paulkinlan
5
64k
State of the Mobile Browser
paulkinlan
3
200
The Next Evolution of Chrome Apps - Devoxx 2012
paulkinlan
3
390
Building Web Apps of the future. Tomorrow, today and yesterday.
paulkinlan
32
7.2k
Other Decks in Programming
See All in Programming
オートマトン学習しろ / Do automata learning
makenowjust
3
130
実践 Advanced CallKit 〜快適な通話の実現に向けて〜
mot_techtalk
3
140
今インフラ技術をイチから学び直すなら
yuhta28
1
130
Rubyのobject_id
qnighy
6
1.3k
Developer Joy == Developer Productivity (really!)
hollycummins
1
180
【TID2024】模擬講義:プログラマと一緒にゲームをデザインしてみよう!
akatsukigames_tech
0
640
GraphQL あるいは React における自律的なデータ取得について
quramy
11
2.9k
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
1
550
The Shape of a Service Object
inem
0
520
実践!難読化ガイド
mitchan
0
160
Google Sign-inの移行から始めるCredential Manager活用
clockvoid
0
220
Architecture Decision Record (ADR)
nearme_tech
PRO
1
680
Featured
See All Featured
Facilitating Awesome Meetings
lara
49
5.9k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
Become a Pro
speakerdeck
PRO
22
4.9k
Design by the Numbers
sachag
277
19k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
GitHub's CSS Performance
jonrohan
1029
450k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
Music & Morning Musume
bryan
46
6k
Code Reviewing Like a Champion
maltzj
517
39k
Transcript
Paul Kinlan @paul_kinlan
None
None
97% 150% Increase in engagement for Add to Home Screen
users Overall increase in conversions
None
Firefox Chrome Opera Samsung Internet UC Browser 360 Browser Baidu
Mobile App Service Worker Support
Service Worker Support Edge WebKit In Development!
developers.google.com/web/tools/workbox
self.addEventListener('fetch', event => { event.respondWith( caches.open('my-cache').then(cache => { return cache.match(event.request).then(cacheResponse
=> { const fetchPromise = fetch(event.request).then(response => { cache.put(event.request, response.clone()); return response; }) return cacheResponse || fetchPromise; }); }) ); });
workboxSW.strategies.staleWhileRevalidate();
5s
None
% of Pages Loaded via HTTPS in Chrome 10% 20%
30% 40% 50% 60% 70% March 2015 October 2017 Android Windows
None
Autofill
PaymentRequest
None
& Google Payment API developers.google.com/payment PaymentRequest
One-Tap Sign-In Sign-Up & developers.google.com/identity
None
None
Image Gallery
MediaStream
None
Web Share API
Native notifications
Connected across devices Presentation API
Connected across devices BLE API
None
Web Share Web Bluetooth Add to Home screen Background Download
Web Authentication Shape Detection Web USB Presentation API Generic Sensor API Payment Handler Web NFC Share Target
None
Custom Tabs
Trusted Web Activity
None
Trusted Web Activity
Trusted Web Activity
Desktop PWA
None
None
22% Faster on Speedometer 5% Faster on top 25 websites
40% Faster on ARES6
None
None
None
None
None
CSS Grid Layout Inspection
Color contrast evaluation
Top-level await in console
Performance monitor
Service Workers upgrades
Lighthouse
None
github.com/GoogleChrome/puppeteer
None
Chrome User Experience Report
None
chromestatus.com
developers.google.com/web/
Thanks! Paul Kinlan @paul_kinlan