New to the web platform

A monthly post rounding up just some of the new things landing in browsers.

"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."

    Maud Nalpas

    November 13, 2024

    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

    Maud Nalpas

    November 13, 2024

    This post describes the Total Blocking Time (TBT) metric and explains how to measure it

      Philip Walton

      November 4, 2024

      Essential metrics for a healthy site

      • JavaScript

      Philip Walton

      October 31, 2024

      Learn how to measure your site's Web Vitals in both real-world and lab environments.

        Katie Hempenius

        October 31, 2024

        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

          A step-by-step guide on how to break down LCP and identify key areas to improve.

          • HTML
          • JavaScript

          Philip Walton

          October 31, 2024

          The CSS content-visibility property is now Baseline Newly available.

          • Baseline 2024
          • Blog
          • CSS

          Jeremy Wagner

          October 30, 2024

          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.

            Alexandra White

            October 30, 2024

            The research and methodology behind Core Web Vitals thresholds

              Bryan McQuade

              October 23, 2024

              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.

                Barry Pollard

                October 17, 2024

                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.

                  Jeremy Wagner

                  October 17, 2024

                  This article explains the origin story of Baseline, Google's involvement, and the ownership of the WebDX Community Group.

                  • Baseline
                  • Overview

                  October 15, 2024

                  Learn to optimize your pages for instant loads when using the browser's back and forward buttons.

                  • JavaScript

                  Philip Walton

                  October 11, 2024

                  CSS nesting is getting a whole lot better!

                  • Blog
                  • JavaScript
                  • CSS

                  Bramus

                  October 8, 2024

                  This post introduces the First Input Delay (FID) metric and explains how to measure it

                  • JavaScript

                  Philip Walton

                  October 6, 2024

                  Learn how to attribute your performance data with debug information to help you identify and fix real-user issues with analytics

                  • JavaScript

                  Philip Walton

                  October 6, 2024

                  What impact does @property have on the performance of your CSS?

                  • Blog
                  • CSS
                  • JavaScript

                  Bramus

                  October 2, 2024

                  Discover the benefits of client-side AI, including low latency, reduced server-side costs, no API key requirements, increased user privacy, and offline access.

                    Maud Nalpas

                    October 2, 2024

                    Learn how you can use Google tools to help correlate your Core Web Vitals with ad revenue.

                      Demir Jasarevic

                      October 2, 2024

                      This post covers the loading attribute and how to use it to control the loading of iframes.

                      • HTML
                      • JavaScript

                      Addy Osmani

                      September 23, 2024

                      There are many different options for storing data in the browser. Which one is best for your needs?

                      • JavaScript

                      Pete LePage

                      September 23, 2024

                      Explore the recommended and not recommended ways of building multiple PWAs reusing the same domain with their pros and cons.

                        Chase Phillips

                        September 20, 2024

                        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

                        Matt Gaunt

                        September 20, 2024