ConfPad

A round-up of the web platform's latest advancements and the evolving landscape. The keynote also covers the Chrome team's continued investment towards moving the platform forward and supporting the community.

'Music? Coffee? Ideas? By focusing on speed and taking advantage of the Web’s expanding capabilities, three global businesses found meaningful engagement with new and existing users everywhere. Hear directly from Spotify, Starbucks and Pinterest about the unique methods they’ve used to build and continually improve their PWAs and as a result, achieved growth…

Measuring, optimizing, and monitoring user experience on the Web has never been easier. Learn about the latest changes in performance tooling, and how to meaningfully incorporate lab and field data into your development workflow. Paul and Elizabeth share the latest developments in Lighthouse, DevTools profiling tools, PageSpeed Insights, Chrome UX Report, an…

The bad news: JavaScript, images, and web fonts often bloat modern web pages. The good news: There’s probably a ton of room to improve the performance of your site. Katie and Houssein guide you through the key techniques in JavaScript, images, [CSS] and web fonts that you can use to maximize the performance of your site.

Because most users access the Web on the go, it's critical that we deliver experiences that load quickly and run smoothly, regardless of network conditions. And with service worker now supported in all modern browsers, we can leverage it as a core part of our application architecture and performance strategy. But not all service worker implementations are c…

Follow us as we refactor a microinteraction to unblock threads, unblock users, and crank it up to 60fps. Once the site’s resources have been delivered quickly, how do we ensure that we keep that high bar for performance? We need to understand rendering and interaction within the page.

If you can do it without JavaScript, that's usually the fastest path. But what about when JavaScript is the only way? In this session we take a JavaScript-heavy PWA and make it load in less than 5 seconds on 2G, using Web Assembly, workers, and web components.

Learn about how the latest media-related capabilities on the web platform can be used to build efficient and delightful web media experiences. This talk covers both APIs (such as Picture-in-Picture) and codecs (AV1), reviewing some of the nuances of how they can be successfully implemented, along with examples and demos.

While the Web has provided increased capabilities, success for real-world ecommerce requires taking a measured approach. In this session, you'll hear how some ecommerce companies are tackling challenges like organizational complexity, legacy code, measurement, prioritization, and more to provide better experiences to their web users and prepare for future ne…

Content Management Systems (CMS) are software platforms designed to simplify the creation and management of websites and their content. Nowadays, about 50% of websites are powered by some sort of CMS platform. In this talk, we discuss our experience moving a complex CMS (i.e. WordPress) forward along the Progressive Web Road by integrating modern capabilitie…

Many modern JavaScript frameworks render their HTML content on the client-side assuming that every environment that is accessing their pages is as modern as they are. However, many search engines – including Google Search – do not behave exactly the same as a user’s browser. In this session, you will learn some facts about Google Search, its rendering pipel…

Join us for a look at web frameworks and the web platform and how they can be stronger together–creating great user experiences at scale! Speaking of user experience: We’ve talked about things like jank and 60 frames per seconds for years, but some of these things remain hard to reliably achieve on the web. With a new set of web standards this is changing, a…

Feature Policy is a new primitive which allows developers to selectively enable, disable, and modify the behavior of certain APIs and features in the browser. It's like CSP, but for features & APIs! Teams can use new tools like Feature Policy and the Reporting API to catch errors before they grow out of control, ensure site performance stays high, keep code …

Rendering performance is mainly a function of how much you render - too much DOM will slow your site to a crawl. Native platforms actually have the same problem, but they stay fast by promoting virtual scrolling: rendering just enough content to fill the screen and continuously updating as the user scrolls. On today’s Web, virtualization breaks basic feature…

To achieve a truly responsive experience, developers have to execute their code in 10ms chunks. That’s nearly impossible. In this talk, we'll explore two high-level strategies: Main thread scheduling, and moving work into backgrounds threads. We’ll dive into our latest performance research on multi-threading Javascript, demystify when to utilize web workers,…

Architecting web apps continues to be challenging, whether it's accounting for performance, the latest and greatest platform APIs, or simply trying to figure out what part of the app should do what! In this talk, we explore how you can architect apps for maximum flexibility, and to that end we're going to reintroduce something that's 45-years old which migh…

In this talk, we’ll look at emerging technologies to build better web experiences. Web packaging enables a next level of content portability that can be used to speed up content delivery or improve modes of content consumption, such as offline. Furthermore, by combining web packaging with a new primitive called Portals, we’ll show how we can take the web’s l…

Houdini continues to expand the power and capabilities of CSS. Houdini exposes the parts of the CSS engine that make possible APIs like CSS Grid, Scroll Snap Points, conic gradients, et al. Extend CSS’ capabilities yourself without questionable hacks and better performance. In this talk, we look at the overall structure of the Houdini effort and take a clos…

The Web is emerging as an ideal platform for immersive reality experiences, particularly in augmented reality. In this talk, we will cover the progress in the WebXR Device API, show how partners are building compelling augmented reality experiences on the web today, and point you in the right direction to explore this space yourself.

WebAssembly enables new experiences that we’ve never been able to get on the Web before and now WebAssembly threads takes that even further. This talk shows some examples of what WebAssembly enables, highlighting a few real-world examples and demos. You'll also learn about the tools and debugging capabilities available to help you take advantage of WebAsse…

If the first rule of performance is "do less," the second is surely "be lazy." Using LitElement-based web components, we’ll explore the use of bleeding-edge techniques and browser APIs to spread work out so that your UI is faster to load, render and respond to user input. Topics we’ll cover include route-based dynamic module loading, async rendering, chunked…

Chrome OS not only powers devices from sticks to tablets to desktops, but it can also run web, Android, and now Linux applications, making Chromebooks premier machines for web development. This talk provides a high-level overview of Chrome OS and discusses core and new features available to Web Developers. Topics include best practices for web development, …