Debugging Layout Shifts

Learn how to identify and fix layout shifts. | Continue reading


@web.dev | 3 years ago

Wix improved website performance by evolving their infrastructure

A case study of some major changes introduced at Wix to improve website loading performance for millions of sites, clearing the path for them to receive good PageSpeed Insights and Core Web Vitals scores. | Continue reading


@web.dev | 3 years ago

CLS optimizations increased Yahoo Japan News's page views per session by

Using Search Console and Lighthouse to monitor Core Web Vitals, they discovered opportunities for optimizing CLS score by 0.2 which led to 15% increase in page views per session, 13% longer session duration, and 1.72 percentage point decrease in bounce rate. | Continue reading


@web.dev | 3 years ago

Tabbed Application Mode for PWAs

Tabbed application mode allows Progressive Web App developers to add a tabbed document interface to their standalone PWAs. | Continue reading


@web.dev | 3 years ago

Streams–The Definitive Guide

The Streams API allows JavaScript to programmatically access streams of data received over the network and process them as desired. | Continue reading


@web.dev | 3 years ago

Requesting Performance Isolation with the Origin-Agent-Cluster Header

The Origin-Agent-Cluster header cuts off synchronous access to other origins on the same domain, and hints to the browser to give your origin dedicated resources. | Continue reading


@web.dev | 3 years ago

New aspect-ratio CSS property supported in Chromium, Safari Technology Preview

Maintaining aspect ratio within images and elements is now easier to achieve with the new aspect-ratio CSS property. | Continue reading


@web.dev | 3 years ago

WebRTC is now a W3C and IETF standard

A brief overview of the history, architecture, use cases, and future of WebRTC. | Continue reading


@web.dev | 3 years ago

Open Web Docs

A collective project between Google, Microsoft, Mozilla, Coil, W3C, Samsung, and Igalia to support the creation and maintenance of strategic web platform documentation. | Continue reading


@web.dev | 3 years ago

Open Web Docs Initiative

A collective project between Google, Microsoft, Mozilla, Coil, W3C, Samsung, and Igalia to support the creation and maintenance of strategic web platform documentation. | Continue reading


@web.dev | 3 years ago

Centering in CSS

Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change. | Continue reading


@web.dev | 3 years ago

Ship modern JavaScript to save 54000 metric tons of CO2 and boost performance

Modern JavaScript offers size and performance improvements over transpiled ES5, and is supported in 95% of web browsers. Enabling modern JavaScript output brings these benefits to your application, but the impact is limited by dependencies that are already transpiled to ES5. This … | Continue reading


@web.dev | 3 years ago

Automating Audits with AutoWebPerf

A new modular tool that enables automatic gathering of performance data form multiple sources. | Continue reading


@web.dev | 3 years ago

Workers Overview

How web workers and service workers can improve the performance of your website, and when to use a web worker versus a service worker. | Continue reading


@web.dev | 3 years ago

PWA users are 2.5x more likely to purchase Gravit Designer PRO

PWA users are also 24% more active than all other install types, become repeat users 31% more than all other platforms, and more. | Continue reading


@web.dev | 3 years ago

Variable Fonts

How variable fonts work, how typographers implement variable fonts, and how to work with variable fonts in CSS. | Continue reading


@web.dev | 3 years ago

SMS OTP form best practices

Asking a user to provide an OTP (one-time password) delivered via SMS is a common way to confirm a user's phone number. This post provides you with the best practices to build an SMS OTP form with great user experience. | Continue reading


@web.dev | 3 years ago

The File System Access API: simplifying access to local files

The File System Access API enables developers to build powerful web apps that interact with files on the user's local device, like IDEs, photo and video editors, text editors, and more. After a user grants a web app access, this API allows them to read or save changes directly to … | Continue reading


@web.dev | 3 years ago

Disable mouse acceleration to provide a better FPS gaming experience

Web apps can now disable mouse acceleration when capturing pointer events. | Continue reading


@web.dev | 3 years ago

Building a Stories Component

A foundational overview of how to build an experience similar to Instagram Stories on the web. | Continue reading


@web.dev | 3 years ago

Jd.id improves their mobile conversion rate by 53% with caching strategies

How JD.ID increased its overall mobile conversion rate (mCVR) by 53%, mCVR for installed users by 200%, and daily active users by 26%. | Continue reading


@web.dev | 3 years ago

Schemeful Same-Site

The definition of "same-site" is evolving to include the URL scheme, so links between HTTP and HTTPS versions of a site now count as cross-site requests. Upgrade to HTTPS by default to avoid issues where possible or read on for details of what SameSite attribute values are needed … | Continue reading


@web.dev | 3 years ago

Rakuten 24’s investment in PWA increases user retention by 450%

Making their web app installable resulted in increased traffic, visitor retention, sales per customer, and conversions. | Continue reading


@web.dev | 3 years ago

Back/Forward Cache

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


@web.dev | 3 years ago

Logical layout enhancements with flow-relative shorthands

New logical property shorthands and new inset properties for Chromium. | Continue reading


@web.dev | 3 years ago

Video Processing with WebCodecs

Work with components of a video stream, such as frames and unmuxed chunks of encoded video or audio. | Continue reading


@web.dev | 3 years ago

Feedback wanted: CORS for private networks (RFC1918)

Unintentional exposure of devices and servers on a client’s internal network to the web at large makes them vulnerable to malicious attacks. CORS-RFC1918 is a proposal to block requests from public networks by default on the browser and require internal devices to opt-in to suc … | Continue reading


@web.dev | 3 years ago

Play the Chrome dino game with your gamepad

Learn to control web games with the Gamepad API. | Continue reading


@web.dev | 4 years ago

A 55% improvement in a Core Web Vitals metric (LCP) contributed to a 50% bounce

Using tools like PageSpeed Insights , web.dev/measure, and WebPageTest, the NDTV team analyzed potential improvement areas and invested in Core Web Vitals to achieve business success. | Continue reading


@web.dev | 4 years ago

Let web applications be file handlers

Our latest news, updates, and stories for developers | Continue reading


@web.dev | 4 years ago

Min(), max(), and clamp(): three logical CSS functions to use today

Min, max, and clamp provide some powerful CSS capabilities that enable more responsive styling with fewer liens of code. This post goes over how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS math functions. | Continue reading


@web.dev | 4 years ago

Signed Exchanges (SXGs)

An SXG is a delivery mechanism that makes it possible to authenticate the origin of a resource independently of how it was delivered. | Continue reading


@web.dev | 4 years ago

Focusing on web performance improved Tokopedia's click-through rate by 35%

Creating a web performance dashboard and optimizing JavaScript, resources, and the homepage to achieve business success. | Continue reading


@web.dev | 4 years ago

Control camera pan, tilt, and zoom

Pan, tilt, and zoom features on cameras are finally accessible on the web. | Continue reading


@web.dev | 4 years ago

What are third-party origin trials?

Our latest news, updates, and stories for developers | Continue reading


@web.dev | 4 years ago

Declarative Shadow DOM

Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML. | Continue reading


@web.dev | 4 years ago

Goibibo's PWA improved conversions by 60%

Learn how Goibibo, India’s top online travel company, achieved a 60% increase in conversions by building reliable user experiences between their PWA and iOS/Android apps. | Continue reading


@web.dev | 4 years ago

Detached Window Memory Leaks

Detached windows are a common type of memory leak that is particularly difficult to find and fix. | Continue reading


@web.dev | 4 years ago

Content Delivery Networks (CDNs)

This article provides a comprehensive overview of content delivery networks (CDNs). In addition, it explains how to choose, configure, and optimize a CDN setup. | Continue reading


@web.dev | 4 years ago

Control camera pan, tilt, and zoom

Pan, tilt, and zoom features on cameras are finally accessible on the web. | Continue reading


@web.dev | 4 years ago

Mercado Libre Optimized for Web Vitals (TBT/FID)

Summary of the work done by Mercado Libre's frontend architecture team to optimize FID, using TBT as a proxy metric. | Continue reading


@web.dev | 4 years ago

Connecting to Uncommon Hid Devices

The WebHID API allows websites to access alternative auxiliary keyboards and exotic gamepads. | Continue reading


@web.dev | 4 years ago

content-visibility: the new CSS property that boosts your rendering performance

The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. This article shows you how to leverage this new CSS property for faster initial load times, using the auto keyword. You will also learn about the CS … | Continue reading


@web.dev | 4 years ago

Managing Several Displays with the Multi-Screen Window Placement API

The Multi-Screen Window Placement API allows you to enumerate the displays connected to your machine and to place windows on specific screens. | Continue reading


@web.dev | 4 years ago

A Well-Known URL for Changing Passwords

By redirecting requests to /.well-known/change-password to the change password URL, you can let users update their passwords easier than before. | Continue reading


@web.dev | 4 years ago

Custom Bullets with CSS:Marker

It is now trivial to customize the color, size or type of number or bullet when using a

Improving user privacy and developer experience with User-Agent Client Hints

Our latest news, updates, and stories for developers | Continue reading


@web.dev | 4 years ago

Debugging memory leaks in WebAssembly using Emscripten

Learn how to use WebAssembly to bring libraries, written in other languages, to the Web in a safe and idiomatic manner. | Continue reading


@web.dev | 4 years ago