Blog

Share websites as a single file over Bluetooth and run them offline in your origin's context

Sync your web app's data in the background for a more native-like experience

Web apps can use the same system-provided share capabilities as native apps.

Sharing on mobile made simple with the Web Share Target API

How a hospitality startup built an Android app that relies on web content to dramatically increase user engagement and keep file size low

A real-world case study of React SPA performance optimization.

A few basics to prepare you for a spectrum of immersive experiences: virtual reality, augmented reality, and everything in between.

Update your site's cookies to prepare for the upcoming changes to the SameSite attribute's behavior.

Learn how improving ad speed can increase revenue and makes users happy, and how to approach ad speed improvements.

Help users type OTPs received through SMS

Starting in Chrome 73, link rel="preload" and responsive images can be combined in order to load images faster.

A walkthrough of using WebPageTest to identify and fix layout instability issues.

Thumbor can be used for free to resize, compress, and transform images on-demand.

How we used code splitting, code inlining, and server-side rendering in PROXX.

Transitions and data protection in CSS

Learn about rel=prefetch resource hint and how to use it.

Learn basic video. Increase engagement.

Building games for the modern web.

The new Native File System API allows web apps to read or save changes directly to files and folders on the user's device.

Challenges and workarounds for building Progressive Web Apps in multi-origin sites.

A startup's story of building a best-in-class web experience.

Thumbor can be used for free to resize, compress, and transform images on-demand.

Find out how third-party JavaScript can affect performance and what you can do to keep it from slowing down your sites.

With a new event, and custom elements APIs, participating in forms just got a lot easier.

The Contact Picker API provides an easy way for users to share contacts from their contact list.

Browser-level native lazy-loading is finally here!

Learn about rel=preconnect and rel=dns-prefetch resource hints and how to use them.

Blurring and color shifting behind an element.

An additional tool to help you balance immediacy and freshness when serving your web app.

Learn about predictive prefetching and how Guess.js implements it.

Learn how a small team achieved big wins by creating a compelling marketplace PWA.

The Asynchronous Clipboard API now handles some images, in addition to text.

Overhyped or necessity? Learn everything about dark mode and how to support it to the benefit of your users!

Use srcset to automatically choose the right image size.

The story of what shipped, how the impact was measured, and the tradeoffs that were made.

Improving cross-browser access to Google Earth with WebAssembly.

Web components at I/O 2019

Show stakeholders how site speed improvements can increase revenue.

Stay up to date on what's new in Web Payments.

Ensuring buttery smooth video playback across all devices.

Optimize your site's performance and improve conversions.

Get the latest updates and insights from Google I/O 2019.

How to think when thinking about service workers.

Strategies to measure performance at each stage in the purchase funnel.

Use optimized image policies to ensure your site is using the best performing images.

Learn how to improve render times with critical CSS technique.

Learn to diagnose costly work preventing user interaction.

Learn about three new web performance launches from I/O 2019.

A game of proximity, inspired by minesweeper.

Secure your site by learning how to explicitly mark your cross-site cookies.

Easy to use real-world interactivity.

Learn how the proposed Portals API can improve your navigation UX.

Understand why performance matters when it comes to conversion.

New look. New docs. New blog!

The Shape Detection API detects faces, barcodes, and text in images.

The getInstalledRelatedApps() method allows your web app to check whether your native app is installed on a user's device, and vice versa.

The Wake Lock API provides a way to prevent devices from dimming or locking the screen when an application needs to keep running.

The Badging API allows installed web apps to set an application-wide badge on the app icon.