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
140
[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
300
Be instant and engaging on the mobile web - Google Mobile for India
paulkinlan
4
330
The future of the web on mobile? - Coldfront conf
paulkinlan
5
56k
This is the Web Platform
paulkinlan
5
65k
State of the Mobile Browser
paulkinlan
3
210
The Next Evolution of Chrome Apps - Devoxx 2012
paulkinlan
3
410
Building Web Apps of the future. Tomorrow, today and yesterday.
paulkinlan
32
7.4k
Other Decks in Programming
See All in Programming
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
3
13k
Writing Better Go: Lessons from 10 Code Reviews
konradreiche
3
6k
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
100
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
410
チームの境界をブチ抜いていけ
tokai235
0
210
What's new in Spring Modulith?
olivergierke
1
170
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
320
Webサーバーサイド言語としてのRustについて
kouyuume
1
4.3k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
250
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
When Dependencies Fail: Building Antifragile Applications in a Fragile World
selcukusta
0
110
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
630
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Music & Morning Musume
bryan
46
6.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Agile that works and the tools we love
rasmusluckow
331
21k
4 Signs Your Business is Dying
shpigford
185
22k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
580
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
990
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
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