Web Vitals
Essential metrics for a healthy site
Best practices for measuring Web Vitals in the field
How to measure Web Vitals with your current analytics tool
Measure and debug performance with Google Analytics 4 and BigQuery
Learn how to send Web Vitals data to Google Analytics 4 properties and export the data for analysis in BigQuery and Looker Studio.
Getting started with measuring Web Vitals
Learn how to measure your site's Web Vitals in both real-world and lab environments.
How SPA architectures affect Core Web Vitals
Answers to common questions about SPAs, Core Web Vitals, and how Core Web Vitals treats these.
Core Web Vitals workflows with Google tools
With the growing importance of Core Web Vitals, site owners and developers increasingly focus on performance and key user experiences. Google provides many tools to help evaluate, optimize, and monitor pages, but users are often confused by the different sources of data and how to use them effectively. This guide proposes a workflow combining several tools and clarifies where and how they make sen
Virtual reality comes to the web
Virtual reality came to the web in Chrome 79. Based on the WebXR Devicer API, this launch is the foundation for both augmented and virtual reality. This article is the first in a series, exploring basic concepts and describing how to enter an XR session. Other browsers will soon be supporting the WebXR Device API, including Firefox Reality, Oculus Browser, Edge and Magic Leap's Helio browser, amon
Virtual reality comes to the web, part II
Virtual reality came to the web in Chrome 79. Based on the WebXR Device API, this launch is the foundation for both augmented and virtual reality. This article is the second in a series, focusing on the frame loop, the part of an XR session where images are shown to a viewer. Other browsers will soon be supporting the WebXR Device API, including Firefox Reality, Oculus Browser, Edge and Magic Leap
Extending the browser with WebAssembly
WebAssembly lets us extend the browser with new features. This article shows how to port the AV1 video decoder and play AV1 video in any modern browser.
New functionality for developers—brought to you by WebAssembly
A showcase of tools now available on the web thanks to WebAssembly.
WebAssembly Threads ready to try in Chrome 70
WebAssembly thread support has shipped in Chrome 70 under an origin-trial.
Augmented reality: You may already know it
If you've already used the WebXR Device API, you'll be happy to know there's very little new to learn. Entering a WebXR session is largely the same. Running a frame loop is largely the same. The differences lie in configurations that allow content to be shown appropriately for augmented reality.
Web-based payment apps overview
Learn how to adapt your web-based payment app to work with Web Payments and provide a better user experience for customers.
Building components
Components are the building blocks of modern web applications. What best practices should you follow when building your own components so they can stand the test of time?
Web components: the secret ingredient helping power the web
This post sums up a talk on the state of web components in 2019, given by Kevin Schaaf of the Polymer Project and Caridy Patiño of Salesforce.
web.dev at I/O 2019
For Google I/O 2019, the folks on the web.dev team have shipped a number of updates including a refreshed design, more Lighthouse docs, and a brand new blog.
Web on Android
Learn how different components can be used to render web content inside Android apps.
Fill OTP forms within cross-origin iframes with WebOTP API
WebOTP API can now receive an OTP from within an iframe.
Web Payments overview
Learn more about Web Payments and how they work.
Updates to the Web Payments APIs
Since the launch of the Payment Request API in Chrome 53 and the Payment Handler API in Chrome 68, there have been quite a few changes made to their respective specifications. This post summarizes those updates and will continue accumulating those API changes.
Web Performance Made Easy - Google I/O 2018 edition
At Google IO 2018, we presented a roundup of tools, libraries and optimization techniques that make improving web performance easier. Here we explain them using The Oodles Theater app. We also talk about our experiments with predictive loading and the new Guess.js initiative.
How to query the Web Platform Dashboard for Baseline tooling
Learn about the Web Platform Dashboard and how you can query its HTTP API to get data on features that have reached Baseline to build tools for your development workflow.
Integrate with the OS sharing UI with the Web Share API
With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps to share links, text, and files to other apps installed on the device in the same way as platform-specific apps.
