Making Chromestatus.com a Lightning-Fast PWA

on YouTube ↗28m

" summary

Chromestatus is rebuilt as a fast, offline-capable PWA using Polymer 1.0, an app‑shell on App Engine, Service Worker caching and http/2 push/preload; first paint on a Nexus 5 over 3G is ~1.9s, full time‑to‑features ~3.8s and repeat views shave ~800ms. Server rendering plus lazy imports and iron-list cut initial DOM from ~4,400 nodes to ~53. Delivery uses a generated push manifest (via http2-push-manifest), measures with appmetrics.js, and scores ~95/100 on Lighthouse.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 0:30Who am I
3. 3:27Chrome Status History
4. 6:53Chrome Status Improvements
5. 9:04Chrome Status Metrics
6. 12:10Deprecation Policy
7. 18:54Lazy Load
8. 19:59Performance Flags
9. 21:33Avoid Web Fonts
10. 23:55Make a Custom Icon Set
11. 24:43Lazy Load NonCritical Components
12. 25:34Measure Measure

" related talks

• 31mFrom Website to Progressive Web AppPete LePage · Google Developer Days India 2017
• 23mPerformance Optimizations for Progressive Web AppsChris Lorenzo · Node+JS Interactive 2018
• 35mDesigning Great Progressive Web AppsNicole Saidy · NDC Sydney 2017
• 51mProgressive Web AppsThomas Steiner · code.talks 2016
• 32mPerformance Optimizations for Progressive Web AppsChris Lorenzo · DevFest Florida 2019
• 51mOutrun the 🐻! Performance Optimizations for Progressive Web AppsChris Lorenzo · Windcity DevFest 2019
• 40mSupercharge the speed of your app with these PWAs' secrets!Marta Wiśniewska · angularday 2020
• 24mPWA for Mobile EngineersMaurizio Mangione · Droidcon Italy 2018