Learn Measure Blog About

Blog

Our latest news, updates, and stories for developers

Fixing layout instability

Rick Viscomi
Rick Viscomi

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

A pile of photos.

Optimize images with Thumbor

Katie Hempenius
Katie Hempenius

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

A screenshot of PROXX

Techniques to make a web app load fast, even on a feature phone

Surma
Surma

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

A black screen shows development work..

Smarter custom properties with Houdini’s new API

Sam Richard
Sam Richard

Transitions and data protection in CSS

Prefetch resources to speed up future navigations

Demian Renzulli
Demian Renzulli

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

A description of the hero image for screen reader users.

Going beyond images with basic video for the web

Doug Sillars
Doug Sillars

Learn basic video. Increase engagement.

Game design, business and tools for modern web games.

Ready Player Web

Tom Greenaway
Tom Greenaway

Building games for the modern web.

Image of hard disk platters

The Native File System API: Simplifying access to local files

Pete LePage
Pete LePage

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

Multiple Shifting Gears.

Progressive Web Apps in multi-origin sites

Demian Renzulli
Demian Renzulli

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

The Truebil logo and a screenshot of the Truebil Lite web app.

How Truebil made the web its channel of growth

Harleen Batra
Harleen Batra

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

A pile of photos.

How to install the Thumbor image CDN

Katie Hempenius
Katie Hempenius

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

Third-party JavaScript performance

Milica Mihajlija
Milica Mihajlija

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

DJ mixer controls.

More capable form controls

Arthur Evans
Arthur Evans

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

Telephone on yellow background.

A contact picker for the web

Pete LePage
Pete LePage

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

Phone outline with loading image and assets

Native lazy-loading for the web

Houssein Djirdeh, Addy Osmani, Mathias Bynens

Browser-level native lazy-loading is finally here!

Adam's Creation by Michelangelo on Sistine Chapel ceiling

Establish network connections early to improve perceived page speed

Milica Mihajlija
Milica Mihajlija

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

A view through a rain-covered foggy window.

Create OS-style backgrounds with backdrop-filter

Joe Medley
Adam Argyle
Adam Argyle, Joe Medley

Blurring and color shifting behind an element.

A photograph of a half-painted wall.

Keeping things fresh with stale-while-revalidate

Jeff Posnick
Jeff Posnick

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

Guess.js logo

Faster web navigation with predictive prefetching

Minko Gechev
Minko Gechev

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

The OpenSooq logo next to a smartphone displaying the OpenSooq website.

How OpenSooq increased engagement by investing in the web

Harleen Batra
Harleen Batra

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

Clipboard with shopping list

Image support for the async clipboard API

Thomas Steiner
Thomas Steiner

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

Silhouette photo of a mountain during nighttime, photo by Nathan Anderson on Unsplash.

prefers-color-scheme: Hello darkness, my old friend

Thomas Steiner
Thomas Steiner

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

Top tips for web performance

Sam Dutton
Sam Dutton

Use srcset to automatically choose the right image size.

An illustration of a service worker interacting with a cache.

Bringing service workers to Google Search

Jeff Posnick
Jeff Posnick

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