Baseline Newly Available
Part 1: Client-side AI to combat online toxicity
"Protect your users and create a safer online environment with toxicity detection. In part one, we share the context you need to deploy AI to mitigate toxicity at its source: users' keyboards."
November 13, 2024
Part 2: Build client-side AI toxicity detection
Toxicity detection protects your users and creates a safer online environment. In part two, we learn how to build a client-side AI tool to detect and mitigate toxicity at its source.
- JavaScript
November 13, 2024
Total Blocking Time (TBT)
This post describes the Total Blocking Time (TBT) metric and explains how to measure it
November 4, 2024
October 31, 2024
Getting started with measuring Web Vitals
Learn how to measure your site's Web Vitals in both real-world and lab environments.
October 31, 2024
The most effective ways to improve Core Web Vitals
A collection of best practices that Chrome has identified as the biggest opportunities to optimize web performance and improve Core Web Vitals
October 31, 2024
Optimize Largest Contentful Paint
A step-by-step guide on how to break down LCP and identify key areas to improve.
- HTML
- JavaScript
October 31, 2024
The CSS content-visibility property is now Baseline Newly available
The CSS content-visibility property is now Baseline Newly available.
- Baseline 2024
- Blog
- CSS
October 30, 2024
Compare LLM capability with summarization
Evaluate the results of different models and prompts with the LLM as a judge technique. Instead of relying on human judgment, model validation is delegated to another LLM.
October 30, 2024
How the Core Web Vitals metrics thresholds were defined
The research and methodology behind Core Web Vitals thresholds
October 23, 2024
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 sense along the development process.
October 17, 2024
Manually diagnose slow interactions in the lab
You've looked through your field data, and it turns out that you have some slow interactions. The next step is to learn more about how to manually test those interactions, and identify the causes behind them.
October 17, 2024
Baseline
This article explains the origin story of Baseline, Google's involvement, and the ownership of the WebDX Community Group.
- Baseline
- Overview
October 15, 2024
Back/forward cache
Learn to optimize your pages for instant loads when using the browser's back and forward buttons.
- JavaScript
October 11, 2024
CSS nesting improves with CSSNestedDeclarations
CSS nesting is getting a whole lot better!
- Blog
- JavaScript
- CSS
October 8, 2024
First Input Delay (FID)
This post introduces the First Input Delay (FID) metric and explains how to measure it
- JavaScript
October 6, 2024
Debug performance in the field
Learn how to attribute your performance data with debug information to help you identify and fix real-user issues with analytics
- JavaScript
October 6, 2024
Benchmarking the performance of CSS @property
What impact does @property have on the performance of your CSS?
- Blog
- CSS
- JavaScript
October 2, 2024
Improve performance and UX for client-side AI
Discover the benefits of client-side AI, including low latency, reduced server-side costs, no API key requirements, increased user privacy, and offline access.
October 2, 2024
Correlating Core Web Vitals and ad revenue with Google tools
Learn how you can use Google tools to help correlate your Core Web Vitals with ad revenue.
October 2, 2024
It's time to lazy-load offscreen iframes!
This post covers the loading attribute and how to use it to control the loading of iframes.
- HTML
- JavaScript
September 23, 2024
Storage for the web
There are many different options for storing data in the browser. Which one is best for your needs?
- JavaScript
September 23, 2024
Building multiple Progressive Web Apps on the same domain
Explore the recommended and not recommended ways of building multiple PWAs reusing the same domain with their pros and cons.
September 20, 2024
The Web Push Protocol
A step-by-step interactive tutorial that shows you how to build a server that manages push notification subscriptions and sends web push protocol requests to a push service.
- JavaScript
September 20, 2024
September 19, 2024
How Chrome handles updates to the web app manifest
What it takes to change icons, shortcuts, colors, and other metadata in your web app manifest for your PWA.
September 19, 2024
September 19, 2024
Add a web app manifest
The web app manifest is a simple JSON file that tells the browser how your web app should behave.
- HTML
September 18, 2024
Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)
Learn how to deploy a CSP based on script nonces or hashes as a defense-in-depth against cross-site scripting.
- HTML
- JavaScript
September 13, 2024
Accessing hardware devices on the web
This article helps Web developers pick the right hardware API based on a given device.
September 9, 2024