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
120
[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
260
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
190
The Next Evolution of Chrome Apps - Devoxx 2012
paulkinlan
3
380
Building Web Apps of the future. Tomorrow, today and yesterday.
paulkinlan
32
7.1k
Other Decks in Programming
See All in Programming
データカタログ運用物語 〜令和6年夏の理想と現実〜
kuro_kurorrr
0
110
HMSコンペ 11th Solution (team : kansai-kaggler)
t88
1
680
最古の関数型言語「Lisp」ことはじめ / lisp_in_kamiyama
uhooi
1
190
CSC307 Lecture 10
javiergs
PRO
0
310
君たちはどうコードをレビューする (される) か / 大吉祥寺.pm
utgwkk
15
8.5k
Trial
cairolibrary720
1
130
Rustのweb開発を助ける 便利なツール紹介
yuki0418
1
190
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Ruby is Unlike a Banana
tanoku
96
10k
Agile that works and the tools we love
rasmusluckow
325
20k
What's in a price? How to price your products and services
michaelherold
239
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Git: the NoSQL Database
bkeepers
PRO
423
64k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
Why Our Code Smells
bkeepers
PRO
332
56k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
How STYLIGHT went responsive
nonsquared
93
5k
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