The core foundations of a delightful web experience are...

- Fast - It responds quickly to user interactions with silky smooth animations and no janky scrolling.
- Integrated - The user doesn’t have to reach through the browser, it uses the full capabilities of the device to create an experience true to the device.
- Reliable - Load instantly and reliably, never showing the downasaur, even in uncertain network conditions.
- Engaging - Keeps the user coming back to the app with beautifully designed experiences that look and feel natural.
Delightful web experiences are...

Fast
Users don’t expect janky scrolling or slow load performance. Making your site fast is a process that starts with understanding how RAIL affects the performance of your site and how to use that to measure and improve your performance.

Integrated
User experiences on the web should feel like an integrated part of the user's device; instead of having to reach through a browser window, the experience should feel true to how the user interacts with the device.
- Get a place on the users home screen.
- Simplify payments with the Payment Request API.

Reliable
Users don’t expect the web to work without a network connect, and often don’t even bother to try when it’s a slow or intermittent connection. We need to change that perception. The web must be reliable.
- Use the Offline Cookbook to improve reliablity.
- What should you consider when designing for slow or intermittent networks?

Engaging
An engaging app goes beyond functional, but ensures that the whole experience is delightful making it easy for the user to do what they need to do. Using features like Web Push, it’s always up to date, and Notifications keeps users informed. It uses the right capabilities, at the right time, in a beautiful way.
- Use Web Push & Notifications to re-engage with users.
- Designing beautiful user experiences.
What's new?
What's New In DevTools (Chrome 89)
Debugging support for Trusted Types violations, capture node screenshot beyond viewport, new Trust Tokens tab for network requests and more.
New in Chrome 88
Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS property makes it easy to set the aspect ratio on any element. You can now use Play Billing in your Trusted Web Activity, and there’s plenty more. Let’s dive in and see what’s new for developers in Chrome 88!
Debugging WebAssembly with modern tools
Step-by-step overview of the new debugging experience for WebAssembly in Chrome DevTools.
DevTools architecture refresh: migrating to Web Components
Web Components is a great fit for building new UI elements in DevTools. To help with the transition, we created a guide to building UI elements in DevTools to share with the wider DevTools team.