Chrome Dev Summit 2020
| title | author | length |
|---|---|---|
| Design, UX & Advanced PWAs highlights | 05m | |
A virtual Hack Week workflow uses video calls and a remote camera app to record demos, and teams report it scales across time zones. The session introduces… | ||
| Updating the way we work | Mariko Kosaka | 10m |
A team shifts an in-person Hack Week to a persistent virtual Hack Week room where people mute, code, unmute to troubleshoot, and find the setup surprisingly… | ||
| What's new in DevTools | Jecelyn Yeen | 11m |
Chrome DevTools adds concrete, testable features: a grid overlay with line numbers and customizable layout pane that keeps labels rotating during grid… | ||
| Extending CSS with Houdini | Una Kravets | 12m |
Explains how the CSS Paint API lets developers write canvas-style paint worklets for backgrounds borders masks and more and demonstrates registering them with… | ||
| Debugging WebAssembly with modern tools | Ingvar Stepanyan | 09m |
Chrome DevTools plus Emscripten provide source-level debugging for C++ compiled to WebAssembly: raw disassembly shows unreadable locals but installing the Wasm… | ||
| Transitioning to modern JavaScript | Houssein Djirdeh, Jason Miller | 14m |
Claim: legacy dependency code is one of the biggest web performance problems today, causing roughly 80 PB/month of extra bandwidth and an estimated 54,000… | ||
| Next-level web apps on desktop | PJ McLachlan | 10m |
Web apps gain desktop-level features: in-browser video editing platform (Clipchamp) already runs as a PWA and reports three times retention for installed… | ||
| New logic to detect PWA offline support | Asami Doi | 09m |
Chrome changes the install logic so the browser actually sends a fake HTTP request to the manifest start_url in a sandbox with no network and only shows the… | ||
| What’s new for web apps in Play | Andre Bandarra, Adriana Jara | 10m |
Bubblewrap now auto-downloads external deps, improves prompts and validation, and produces 800K smaller binaries plus optional app bundles (required H2 2021)… | ||
| Extending Workbox: Custom strategies and plugins | Jeff Posnick | 09m |
Workbox v6 adds a strategy base class you can extend to implement concrete behaviors like inflight request dedupe that collapses simultaneous fetches into one… | ||
| Connecting hardware devices to the web | François Beaufort, Gordon Williams, Henrik Joreteg, Olivier Gay | 10m |
Overview of concrete device APIs and working demos: Web Bluetooth reads a device battery level and powers a web IDE for microcontrollers; Web USB runs the… | ||
| Structured data for developers | Martin Splitt | 06m |
Structured data is a necessary step to make pages eligible for Google rich results but not a guarantee; Google recommends JSON-LD and accepts client-side… | ||
| Making the web more visual with Web Stories | Terry Ednacot | 09m |
Web Stories are web pages that combine video, audio, images, animation and text into tappable, full‑screen sequences and Google claims 60% of weekly mobile… | ||
| The web ahead | Paul Kinlan | 14m |
Argues the web must gain boring-but-critical capabilities so it stays the default platform, citing the same-site cookie restriction rollout that limits… | ||
| Keynote, Performance & Privacy highlights | 06m | |
Keynote highlights announce concrete tools and numbers: Google plans to fold Core Web Vitals into Search ranking early 2021 and reports user abandonment drops… | ||
| Chrome and the web in 2020 | Dion Almaer, Ben Galbraith, Parisa Tabriz, Jecelyn Yeen, Una Kravets, Henrik Joreteg, Sunit Jindal | 41m |
Opening keynote summarizes concrete platform changes and where to act: Manifest V3 release with remote-code bans and permission opt‑in (extensions update… | ||
| Partner spotlight: Experience Adobe Spark on Chromebooks | Aanchal Bahadur, Bem Jones-Bey | 14m |
Adobe Spark is optimized into an installable Chromebook PWA with a custom offline message, automated lab and field performance tracking using Lighthouse, New… | ||
| State of speed tooling | Elizabeth Sweeny, Paul Irish | 12m |
Lighthouse explains how its performance score maps to user-centric metrics and announces a planned increase in CLS weighting in Q2 2021 while still calibrating… | ||
| Fixing common Web Vitals issues | Katie Hempenius | 11m |
CLS is computed by a PerformanceObserver that sums layout-shift entries and only finalizes on a document visibilitychange to hidden, with shifts within 500 ms… | ||
| UX patterns optimized for Core Web Vitals | Garima Mimani | 10m |
Core Web Vitals map to concrete UX changes: aim to improve Largest Contentful Paint and reduce CLS so users are 24% less likely to abandon, and keep… | ||
| Exploring the future of Core Web Vitals | Annie Sullivan, Michal Mocny | 08m |
Google plans concrete changes to Core Web Vitals: considering adding First Contentful Paint to capture early progressive paint, tightening First Input Delay… | ||
| Core Web Vitals and SEO | John Mueller | 11m |
Google Search uses Core Web Vitals as part of a page experience ranking factor applied separately to mobile and desktop, using field data from the Chrome User… | ||
| Beyond fast with new performance features | Jake Archibald | 12m |
Demonstrates concrete wins: using content-visibility with contain-intrinsic-size drops layout on the 12MB HTML spec from 50 seconds to 400ms; font metric… | ||
| Enable and debug cross-origin isolated | Camille Lamy | 08m |
Explains how to make a site crossOriginIsolated by sending two headers: COOP: same-origin on top-level documents and COEP: require-corp on frames, which… | ||
| Introducing the Privacy Budget | Maud Nalpas | 10m |
Proposal measures how much identifying information each web API leaks and uses that to limit sites that would cross a privacy threshold, with Chrome running a… | ||
| A more private way to measure ad conversions | Charlie Harrison | 10m |
Chrome builds an Event Conversion Measurement API that attributes ad clicks to purchases locally in the browser instead of using third‑party cookies, limiting… | ||
| Sign-up form best practices | Sam Dutton | 14m |
Argues that the best login is no login and recommends guest checkout as the default for stores, or use client-side storage to avoid accounts. Specifies using… | ||
| SMS OTP form best practices | Eiji Kitamura | 08m |
Use concrete form attributes and the SMS format: set type="text" + inputmode="numeric" to show a numeric keyboard, add autocomplete="one-time-code" for Safari… | ||
| Optimize for interactivity using Web Vitals (FID/TBT) | Demian Renzulli, Cheney Tsai | 25m |
Defines First Input Delay as a field metric and uses Total Blocking Time in the lab as a proxy, measured with DevTools, Lighthouse, WebPageTest, CrUX and New… | ||
| Love your cache: Optimize for the second load | Sam Thorogood | 29m |
Claim: sensible default is don't cache by default and validate via ETags (Cache-Control: max-age=0, must-revalidate, public) while using a CDN. Implementation… | ||
| PWA patterns for window and service worker communication | Demian Renzulli, Andrew Kean Guan | 22m |
Explains concrete patterns: use postMessage plus BroadcastChannel (not yet in Safari) to broadcast updates, use the Clients API to message the Last Focused tab… | ||
| Design at scale with Web Components (and ducks) | Liz Mitchell, Rody Davis | 29m |
A concrete recipe for shipping a design system: build a reusable quack-input Web Component with lit-element, Shadow DOM, slots and a React/Vue/Angular wrapper… | ||
| Canvas2D is getting an update | Aaron Krajeski | 11m |
Canvas2D adds nine new features aimed at usability, text, and performance and ships in Chrome behind the experimental Canvas2D API flag. New drawing primitives… | ||
| Upgrading DevTools' architecture to the modern web | Paul Lewis, Tim van der Lippe, Jack Franklin | 31m |
Chrome DevTools modernizes a 150,000 line legacy JavaScript codebase by migrating a custom module format to JavaScript modules, replacing bespoke Python build… | ||
| Payment and address form best practices | Ali Sarraf, Sam Dutton | 20m |
Practical checklist: use native form, label, input and button elements and add autocomplete attribute on name, card and address fields so browsers autofill… | ||
| Patterns for privacy | Rowan Merewood, Maud Nalpas | 27m |
Chrome documents concrete Privacy Sandbox changes: Schemeful SameSite lands (testable since Chrome 86) and SameSite defaults force HTTPS or require… | ||
| Chrome Dev Summit Adventure: How we built it | Tom Greenaway | 23m |
Chrome Dev Summit Adventure is a realtime multiplayer web game that reimagines conference socializing and discovery by linking a Pixi/React frontend to Node.js… | ||
| Extensions patterns for Manifest V3 | Simeon Vincent | 19m |
Manifest V3 moves host permissions from install-time grants to runtime choice, encouraging a runtime permission model that uses activeTab for temporary access… | ||
| Superpowers for next gen web apps: Machine learning | Jason Mayes | 29m |
Shows how TensorFlow.js runs full ML in the browser: use COCO-SSD for 90-object detection, Face Mesh 468 landmarks (3 MB) for real‑time face tracking at ~22–35… | ||
| 3x3 SEO tips for JavaScript web apps | Martin Splitt | 12m |
Google Search uses evergreen Chromium (since May 2019) to render JavaScript pages, so modern Angular/React/Vue apps generally index but common failures still… | ||
| The best of Chrome games | Jake Archibald, Paul Lewis | 23m |
A fast-paced supercut of staged mini-games runs through specific web jargon and browser tricks: charades that land on dangling comma, WebAssembly and DHTML… | ||
| nothing matches | ||