Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[this.javascript] State of Chrome

Paul Kinlan
November 14, 2017

[this.javascript] State of Chrome

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

Paul Kinlan

November 14, 2017
Tweet

More Decks by Paul Kinlan

Other Decks in Programming

Transcript

  1. Paul Kinlan
    @paul_kinlan

    View full-size slide

  2. 97%
    150%
    Increase in engagement for
    Add to Home Screen users
    Overall increase in 

    conversions

    View full-size slide

  3. Firefox Chrome
    Opera Samsung Internet
    UC Browser 360 Browser
    Baidu Mobile App
    Service Worker Support

    View full-size slide

  4. Service Worker Support
    Edge
    WebKit
    In Development!

    View full-size slide

  5. developers.google.com/web/tools/workbox

    View full-size slide

  6. 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;

    });

    })

    );

    });

    View full-size slide

  7. workboxSW.strategies.staleWhileRevalidate();

    View full-size slide

  8. % of Pages Loaded via HTTPS in Chrome
    10%
    20%
    30%
    40%
    50%
    60%
    70%
    March 2015 October 2017
    Android
    Windows

    View full-size slide

  9. PaymentRequest

    View full-size slide

  10. &
    Google Payment API
    developers.google.com/payment
    PaymentRequest

    View full-size slide

  11. One-Tap
    Sign-In
    Sign-Up &
    developers.google.com/identity

    View full-size slide

  12. Image Gallery

    View full-size slide

  13. Web Share API

    View full-size slide

  14. Native notifications

    View full-size slide

  15. Connected across devices
    Presentation API

    View full-size slide

  16. Connected across devices
    BLE API

    View full-size slide

  17. 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

    View full-size slide

  18. Trusted 

    Web Activity

    View full-size slide

  19. Trusted 

    Web Activity

    View full-size slide

  20. Trusted 

    Web Activity

    View full-size slide

  21. 22%
    Faster on Speedometer
    5%
    Faster on top 25 websites
    40%
    Faster on ARES6

    View full-size slide

  22. CSS Grid Layout Inspection

    View full-size slide

  23. Color contrast evaluation

    View full-size slide

  24. Top-level await in console

    View full-size slide

  25. Performance monitor

    View full-size slide

  26. Service Workers upgrades

    View full-size slide

  27. github.com/GoogleChrome/puppeteer

    View full-size slide

  28. Chrome User Experience Report

    View full-size slide

  29. chromestatus.com

    View full-size slide

  30. developers.google.com/web/

    View full-size slide

  31. Thanks!
    Paul Kinlan
    @paul_kinlan

    View full-size slide