Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

All Updates tagged: performance

Chrome 69 Paint Timing Issues

Chrome 69 includes an incorrect change to our paint-timing metrics, which was intended to capture more of the rendering pipeline, but resulted in some inaccurate timestamps.

local_offer performance

Read article

Web Performance Made Easy: Google I/O 2018 edition

Learn the current tools, libraries and optimization techniques that make improving web performance easier, by following the Oodles Theater project.

local_offer ux performance lighthouse

Read article

OffscreenCanvas — Speed up Your Canvas Operations with a Web Worker

OffscreenCanvasAPI is available as of Chrome 69. This article explains how you can use it to achieve performance improvements in rendering graphics in your web app.

local_offer canvas graphics performance workers

Read article

Custom site performance reports with the CrUX Dashboard

Today we're releasing the CrUX Dashboard that you can use to better understand how an origin's performance evolves.

local_offer ux performance chrome-ux-report

Read article

Speed is now a landing page factor for Google Search and Ads

Speed is now a landing page factor for Google Search and Ads.

local_offer performance

Read article

Page Lifecycle API

The Page Lifecycle API brings app lifecycle features common on mobile operating systems to the web. Browsers are now able to safely freeze and discard background pages to conserve resources, and developers can safely handle these interventions without affecting the user experience.

local_offer performance

Read article

Introducing NoState Prefetch

Chrome 63 shipped with NoState Prefetch. NoState Prefetch is a mechanism for fetching resources in advance that uses less memory than the deprecated prerendering process.

local_offer performance chrome63

Read article

Experimenting with First Input Delay in the Chrome UX Report

Announcing the addition of the First Input Delay (FID) experimental metric to the Chrome User Experience Report.

local_offer ux performance

Read article

First Input Delay

First Input Delay (FID) is a new performance metric for measuring page responsiveness for real users in the wild.

local_offer performance

Read article

New in Chrome 65

Chrome 65 adds support for the new CSS Paint API, which allows you to programmatically generate an image. You can use the Server Timing API to provide server performance timing information via HTTP headers, and the new CSS display: contents property can make boxes disappear! Let’s dive in and see what’s new for developers in Chrome 65!

local_offer chrome65 new-in-chrome css layout performance

Read article

Preloading modules

<link rel="modulepreload"> offers a way of declaratively loading JavaScript modules ahead of time. This article looks at how it works and why it's better for modules than <link rel="preload">.

local_offer performance modules

Read article

Chrome 64 to deprecate the chrome.loadTimes() API

The non-standard chrome.loadTimes() API will be deprecated in Chrome 64 now that standards-based equivalents exist for all of its useful features.

local_offer performance deprecations removals chrome64

Read article

The Device Memory API

The Device Memory API allows developers to serve different resources to users based on their device's memory capabilities.

local_offer performance

Read article

Animating a Blur

A few tricks are necessary to animate a blur efficiently.

local_offer performance

Read article

New in Chrome 60

With Chrome 60, you can now measure time to first paint and time to first contentful paint with the Paint Timings API. You can control how fonts are rendered with the font-display CSS property. WebAssembly has landed and there's plenty more!

local_offer chrome60 new-in-chrome performance paint webfonts webassembly

Read article

Aligned Input Events

Providing a smooth user experience is important for the web. Over the past few releases of Chrome we have driven down input latency across these devices.

local_offer chrome58 chrome60 events performance ux

Read article

Building performant expand & collapse animations

When making expand and collapse effects you can use scale transforms to keep your UI performant.

local_offer performance

Read article

CSS Deep-Dive: matrix3d() For a Frame-Perfect Custom Scrollbar

Custom transform matrices allow you to build frame-perfect custom scrollbars.

local_offer performance

Read article

Speed up Service Worker with Navigation Preloads

Navigation preload lets you overcome service worker startup time by making requests in parallel.

local_offer chrome59 serviceworker performance

Read article

Lighthouse January 2017 update

What's new in Lighthouse 1.5. New audits, extension updates, Performance Experiment, online Viewer features, and UI tweaks.

local_offer lighthouse tools performance progressive-web-apps

Read article

Building a Better Web with Lighthouse

What's new in Lighthouse. Redesign, new best practice audits, and an online report viewer.

local_offer lighthouse tools performance progressive-web-apps

Read article

position:sticky is back in Chrome

After a long time absent from Chrome, position:sticky is back.

local_offer performance css style

Read article

Performant Parallaxing

When used judiciously paralaxing can add of depth and subtlety to a web app.

local_offer performance parallax css 3d style

Read article

CSS Containment in Chrome 52

The new CSS Containment property lets developers limit the scope of the browser’s styles, layout and paint work.

local_offer performance chrome52 layout paint style containment

Read article

Performance Observer: Efficient Access to Performance Data

The W3C Performance Timeline specification defines an interface for browsers to provide programmatic access to low level timing data. This opens the door to some interesting use cases like custom performance analysis, third party tools and more.

local_offer performance events chrome52 javascript

Read article

Improving Scroll Performance with Passive Event Listeners

New to Chrome 51, passive event listeners provide a major potential boost to scroll performance.

local_offer performance events chrome51 javascript scroll touch

Read article

Stream Your Way to Immediate Responses

Start processing your service worker responses ASAP, thanks to ReadableStreams.

local_offer performance chrome52 streams serviceworker

Read article

Canvas toBlob() Support Added in Chrome 50

Support for canvas.toBlob set to land in Chrome 50.

local_offer images performance workers chrome50

Read article

Chrome Supports createImageBitmap() in Chrome 50

Support for image decoding in workers set to land in Chrome 50.

local_offer images performance workers chrome50

Read article

Chrome 50 adds support for rel='preload', and deprecates rel='subresource'

local_offer link preload performance chrome50

Read article

High Resolution Timestamps for Events

Find out when events occur with microsecond precision, thanks to DOMHighResTimeStamp.

local_offer events performance chrome49

Read article

Tab Discarding in Chrome: A Memory-Saving Experiment

Reducing Chrome's memory footprint is one of the team's top priorities this year.

local_offer news performance update

Read article

Automating Resource Selection with Client Hints

Image optimization is hard and automation is the key to success.

local_offer news performance clienthints

Read article

Using requestIdleCallback

requestIdleCallback is new performance API for scheduling work when the browser is idle.

local_offer news performance update

Read article

Using poster images on plugin content

Chrome can now add custom poster images to object elements to improve percieved loading performance of plugins such as Flash.

local_offer news poster flash performance

Read article

Measuring Performance in a Service Worker

If you can't measure the performance of your requests in a service worker, how can you say it improves performance? Now you can answer that question with recent changes in Chrome.

local_offer news performance serviceworker

Read article

Offline-first, fast, with the sw-precache module

Add service worker-powered offline capabilities to your site with the sw-precache module.

local_offer news serviceworker offline cache performance

Read article

Chrome Dev Summit 2014: The Applied Science of Runtime Performance

The story of building the Chrome Dev Summit site.

local_offer news performance chromedevsummit frontend

Read article

Developer feedback needed: Frame Timing API

A brand new API is in the works to help measure frames per second in the wild, but it needs your feedback.

local_offer news performance testing frontend

Read article

Automating Web Performance Measurement

Use PSI to get web performance metrics into your build process.

local_offer news gulp performance pagespeed node buildprocess

Read article

Chrome Dev Summit: Performance Summary

Performance Matters

local_offer news mobile performance

Read article

300ms tap delay, gone away

Every click interaction in mobile browsers is hampered with a 300ms delay, but that's gone in Chrome 32 for mobile-optimised sites!

local_offer news mobile performance touchevent

Read article

Flexbox layout isn't slow

Good news: new flexbox (display: flex) is 2.3x faster than old flexbox (display: box)!

local_offer news performance layout css

Read article

Profiling Long Paint Times with DevTools' Continuous Painting Mode

local_offer news performance devtools

Read article

Stick your landings! position: sticky lands in WebKit

local_offer news performance css

Read article

When milliseconds are not enough: performance.now

local_offer news internals performance

Read article

How to convert ArrayBuffer to and from String

How to convert ArrayBuffer to and from String

local_offer news performance arraybuffer

Read article

requestAnimationFrame API: now with sub-millisecond precision

local_offer news internals performance

Read article

Big boost to DOM performance - WebKit's innerHTML is 240% faster

local_offer news performance dom

Read article

Round-up of Web Browser Internals Resources

local_offer news internals performance

Read article

Optimizing JavaScript

local_offer news performance javascript

Read article

Transferable Objects: Lightning Fast!

local_offer news binary performance workers

Read article

Use mediump precision in WebGL when possible

local_offer news mobile performance webgl graphics

Read article

Subscribe