[this.javascript] State of Chrome

The rest of the presentation that I didn't get too :)

Transcript

1. Paul Kinlan @paul_kinlan
4. 97% 150% Increase in engagement for Add to Home Screen users Overall increase in 
 conversions
6. Firefox Chrome Opera Samsung Internet UC Browser 360 Browser Baidu Mobile App Service Worker Support
7. Service Worker Support Edge WebKit In Development!
8. developers.google.com/web/tools/workbox
9. 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;
 });
 })
 );
 });
10. workboxSW.strategies.staleWhileRevalidate();
11. 5s
13. % of Pages Loaded via HTTPS in Chrome 10% 20% 30% 40% 50% 60% 70% March 2015 October 2017 Android Windows
15. Autofill
16. PaymentRequest
18. & Google Payment API developers.google.com/payment PaymentRequest
19. One-Tap Sign-In Sign-Up & developers.google.com/identity
22. Image Gallery
23. MediaStream
25. Web Share API
26. Native notifications
27. Connected across devices Presentation API
28. Connected across devices BLE API
30. 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
32. Custom Tabs
33. Trusted 
 Web Activity
35. Trusted 
 Web Activity
36. Trusted 
 Web Activity
37. Desktop PWA
40. 22% Faster on Speedometer 5% Faster on top 25 websites 40% Faster on ARES6
46. CSS Grid Layout Inspection
47. Color contrast evaluation
48. Top-level await in console
49. Performance monitor
50. Service Workers upgrades
51. Lighthouse
53. github.com/GoogleChrome/puppeteer
55. Chrome User Experience Report
57. chromestatus.com
58. developers.google.com/web/
59. Thanks! Paul Kinlan @paul_kinlan