Making Chromestatus.com a Lightning-Fast PWA (Polymer Summit 2016)

Channel:
Chrome for Developers
Subscribers:
792,000
Published on ● Video Link: https://www.youtube.com/watch?v=Rd0plknSPYU


Duration: 28:02
8,832 views
82

How do you build a production app using web components? How do you make it fast? Chromestatus.com was launched in 2013 as part of the Blink fork and quickly became an everyday tool used by Chrome engineers, browser vendors, and web developers around the world. As the 1st production app built with Polymer, it has evolved quite a bit over the years. In this talk, you'll learn what it takes to build a lightning fast PWA using web components. Topics include incorporating Polymer elements, lazy loading patterns, utilizing http/2 push/preload, and more.

Missed the summit? Catch the recordings at: https://www.polymer-project.org/summit

Or watch more videos here: https://goo.gl/XDWHzT

Subscribe to the channel: https://youtube.com/chromedevelopers

Find out more at: Chromestatus.com (src: github.com/GoogleChrome/chromium-dashboard)

Libraries
appmetrics.js github.com/ebidel/appmetrics.js
h2 push manifest npm install http2-push-manifest
h2 push on GAE github.com/GoogleChrome/http2push-gae
sw-precache github.com/GoogleChrome/sw-precache
sw-toolbox github.com/GoogleChrome/sw-toolbox

Music by Terra Monk: https://goo.gl/9BkpNH



Other Videos By Chrome for Developers


2016-10-17Monster Apps: Meatscope + Polymon (Polymer Summit 2016)
2016-10-17Summit Report: Linting best practices with Daniel Freedman (Polymer Summit 2016)
2016-10-17Hacking Without Being a Hack (Polymer Summit 2016)
2016-10-17Interacting with the Physical Web (Polymer Summit 2016)
2016-10-17Practical Performance (Polymer Summit 2016)
2016-10-17Summit Report: Building Chromestatus and Santa Tracker '16 with Eric Bidelman (Polymer Summit 2016)
2016-10-17Summit Report: Firebase Cloud Messaging + Polymer with Michael Bleigh (Polymer Summit 2016)
2016-10-17Production-Ready Polymer Elements - A How-To-Guide (Polymer Summit 2016)
2016-10-17Polymer & the Closure Compiler (Polymer Summit 2016)
2016-10-17Do Less & Be Lazy: Practical Performance Patterns for Polymer (Polymer Summit 2016)
2016-10-17Making Chromestatus.com a Lightning-Fast PWA (Polymer Summit 2016)
2016-10-17Summit Report: What's new at #PolymerSummit with Taylor Savage (Polymer Summit 2016)
2016-10-17Summit Report: Building the selfie-GIF web app Meatscope in Polymer (Polymer Summit 2016)
2016-10-17Data Flow in Polymer Elements and Apps (Polymer Summit 2016)
2016-10-17Polymer Butter and Firebase Jelly (Polymer Summit 2016)
2016-10-17Polymer 2.0 in 2.0 seconds: Upgrading Projects Large and Small (Polymer Summit 2016)
2016-10-17Polymer 2.0: Under the Hood (Polymer Summit 2016)
2016-10-17Summit Report: Wendy Ginsberg (Polymer Summit 2016)
2016-10-17A Polymer Experience (Polymer Summit 2016)
2016-10-17The Way of the Web - ING (Polymer Summit 2016)
2016-10-17Summit Report: Peter Lubbers (Polymer Summit 2016)


Tags:
Chrome
Developers
Google
Web
Polymer
Summit
2016
London
product: chrome
Location: LON
Team: Scalable Advocacy
Type: Live Event
GDS: Full Production
Other: NoGreenScreen
Apps
Conference
UK
PWA
Eric Bidelman