web.dev
Over three days, we'll share quick tips on aspects of modern web development. Each day, we'll "travel" to a new timezone to cover a couple of topics and answer your questions.
web.dev
38 min
Optimize for Core Web Vitals
Addy Osmani
In this hands-on talk, we cover tips & tricks for optimizing your user-experience to meet the Core Web Vitals. We use tools like Lighthouse & DevTools, show you code snippets for fixes, and highlight…
web.dev
34 min
Core Web Vitals in the DevTools timeline
Paul Lewis, Philip Walton
The Core Web Vitals are a great way to assess the UX impact of page load performance. In this talk, we cover what the vitals are, where they came from, and how you can use Chrome's DevTools to explor…
web.dev
12 min
Workerized JS made easy
Ben Morss, Crystal Lambert
When JavaScript lives in a Worker, it runs in a separate thread. Thus, it can't block the browser from creating smooth user experiences! Unfortunately, since Workers can't access the DOM directly, yo…
web.dev
16 min
What’s new in speed tooling
Elizabeth Sweeny
Our understanding of how to effectively measure and optimize a user's experience is continually evolving, and we keep our metrics and tooling updated to reflect the latest in our learnings. This talk…
web.dev
9 min
How to analyze your JavaScript bundles
Houssein Djirdeh
Learn how to analyze your bundled JavaScript code and to spot common issues that can easily bloat up your application size.
web.dev
23 min
What’s new in DevTools
Paul Lewis, Surma
Let's take a look at the latest and greatest features in Chrome's DevTools. We cover how you can use the Performance Panel to assess your page load metrics, how you can locate issues with your pages,…
web.dev
23 min
What’s new in V8/JavaScript
Leszek Swirski, Shu-yu Guo
What exciting things happened in the JavaScript language and the V8 engine in 2019? Shu and Leszek take a tour of some new features and improvements. For JavaScript, learn about new syntax, like opti…
web.dev
8 min
What’s new in Puppeteer
Mathias Bynens
The Chrome team maintains Puppeteer, a Node.js library for browser automation using a simple and modern JavaScript API. This session gives an overview of recent changes in Puppeteer, including new fe…
web.dev
9 min
Shipping a PWA as an Android app
Andre Bandarra
Increase the reach of your Progressive Web App by using it as an Android app. In this session, learn about Bubblewrap, a new tool that developers can use to transform their PWAs into an Android appli…
web.dev
22 min
10 modern layouts in 1 line of CSS
Una Kravets
In this dynamic talk, Una goes over the power of modern CSS layout techniques by highlighting a few key terms and how much detail can be described in a single line of code. Learn a few layout tricks …
web.dev
32 min
Image compression deep-dive
Jake Archibald, Surma
Images are often the biggest assets in a web page, so compressing them well can be a huge saving for users. There are some rough rules for which image format you should use in a given situation, but …