SMS OTP form best practices Stay organized with collections Save and categorize content based on your preferences. Asking a user to provide the OTP (one time password) delivered via SMS is a common way to confirm a user's phone number. There are a few use cases for SMS OTP: Two-factor authentication. In addition to username and password, SMS OTP can be used as a strong signal that the account is o

Signed Exchanges (SXGs) Stay organized with collections Save and categorize content based on your preferences. An SXG is a delivery mechanism that makes it possible to authenticate the origin of a resource independently of how it was delivered. Signed exchanges (SXG) are a delivery mechanism that makes it possible to authenticate the origin of a resource independently of how it was delivered. Impl

Declarative Shadow DOM Stay organized with collections Save and categorize content based on your preferences. Declarative Shadow DOM is a standard web platform feature, which has been supported in Chrome from version 90. Note that the specification for this feature changed in 2023 (including a rename of shadowroot to shadowrootmode), and the most up to date standardized versions of all parts of th

Content delivery networks (CDNs) Stay organized with collections Save and categorize content based on your preferences. Content delivery networks (CDNs) improve site performance by using a distributed network of servers to deliver resources to users. Because CDNs reduce server load, they reduce server costs and are well-suited to handling traffic spikes. This article discusses how CDNs work and pr

The content-visibility property, launching in Chromium 85, might be one of the most impactful new CSS properties for improving page load performance. content-visibility enables the user agent to skip an element's rendering work, including layout and painting, until it is needed. Because rendering is skipped, if a large portion of your content is off-screen, leveraging the content-visibility proper

Performance monitoring with Lighthouse CI Stay organized with collections Save and categorize content based on your preferences. How to add Lighthouse to a continuous integration system, such as GitHub Actions. Lighthouse CI is a suite of tools for using Lighthouse during continuous integration. Lighthouse CI can be incorporated into developer workflows in many different ways. This guide covers th

Web on Android Stay organized with collections Save and categorize content based on your preferences. The Android platform has been around for more than ten years, and since its early days it has had great support for the Web. It shipped with WebView, a component that allows developers to use the web inside their own Android Apps. More than that, Android allows developers to bring their own browse

Lazy-loading of <iframe> elements defers offscreen iframes from being loaded until the user scrolls near them. This saves data, speeds up the loading of other parts of the page, and reduces memory usage. As with lazy-loading for images, use the loading attribute to tell the browser you want to lazy-load an iframe. <iframe src="https://example.com" loading="lazy" width="600" height="400"></iframe>

Relating site speed and business metrics Stay organized with collections Save and categorize content based on your preferences. Leverage A/B testing to evaluate the impact of site speed on your business metrics. Over the last few years it has been well established that site speed performance is a significant part of the user experience and that improving it benefits different business metrics such

How to file a good browser bug Stay organized with collections Save and categorize content based on your preferences. Telling browser vendors about issues you find in their browser is an integral part of making the web platform better. Filing a good bug but takes a little work. Your goal should be to make it as easy as possible for browser engineers to find what's broken, reach the root cause and,

Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.

Boldly link where no one has linked before: Text Fragments Stay organized with collections Save and categorize content based on your preferences. Text Fragments let you specify a text snippet in the URL fragment. When navigating to a URL with such a text fragment, the browser can emphasize and/or bring it to the user's attention. Fragment Identifiers Chrome 80 was a big release. It contained a num

Get things done quickly with app shortcuts Stay organized with collections Save and categorize content based on your preferences. App shortcuts give quick access to a handful of common actions that users need frequently. To improve users' productivity and facilitate reengagement with key tasks, the web platform now supports app shortcuts. They allow web developers to provide quick access to a hand

Some highlights of scoring changes between Lighthouse versions 5 and 6: TTI's weight has been reduced from 33% to 15%. This was in direct response to user feedback about TTI variability, as well as inconsistencies in metric optimizations leading to improvements in user experience. TTI is still a useful signal for when a page is fully interactive, however with TBT as a complement–variability is red