Missed the action at this year's Chrome Dev Summit? Catch up with our playlist on YouTube. Watch now.

All Updates tagged: performance

Animating a Blur

A few tricks are necessary to animate a blur efficiently.

Read more

Tags: performance

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!

Read more

Tags: chrome60 new-in-chrome performance paint webfonts webassembly

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.

Read more

Tags: chrome58 chrome60 events performance ux

Leveraging the Performance Metrics that Most Affect User Experience

Leveraging the Performance Metrics that Most Affect User Experience.

Read more

Tags: performance

Building performant expand & collapse animations

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

Read more

Tags: performance

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

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

Read more

Tags: performance

Speed up Service Worker with Navigation Preloads

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

Read more

Tags: chrome59 serviceworker performance

Lighthouse January 2017 update

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

Read more

Tags: lighthouse tools performance progressive-web-apps

Building a Better Web with Lighthouse

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

Read more

Tags: lighthouse tools performance progressive-web-apps

position:sticky is back in Chrome

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

Read more

Tags: performance css style

Performant Parallaxing

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

Read more

Tags: performance parallax css 3d style

CSS Containment in Chrome 52

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

Read more

Tags: performance chrome52 layout paint style containment

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.

Read more

Tags: performance events chrome52 javascript

Improving Scroll Performance with Passive Event Listeners

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

Read more

Tags: performance events chrome51 javascript scroll touch

Stream Your Way to Immediate Responses

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

Read more

Tags: performance chrome52 streams serviceworker

Canvas toBlob() Support Added in Chrome 50

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

Read more

Tags: images performance workers chrome50

Chrome Supports createImageBitmap() in Chrome 50

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

Read more

Tags: images performance workers chrome50

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

Read more

Tags: link preload performance chrome50

High Resolution Timestamps for Events

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

Read more

Tags: events performance chrome49

Automating Resource Selection with Client Hints

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

Read more

Tags: news performance clienthints

Tab Discarding in Chrome: A Memory-Saving Experiment

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

Read more

Tags: news performance update

Using requestIdleCallback

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

Read more

Tags: news performance update

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.

Read more

Tags: news poster flash performance

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.

Read more

Tags: news performance serviceworker

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

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

Read more

Tags: news serviceworker offline cache performance

Chrome Dev Summit 2014: The Applied Science of Runtime Performance

The story of building the Chrome Dev Summit site.

Read more

Tags: news performance chromedevsummit frontend

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.

Read more

Tags: news performance testing frontend

Automating Web Performance Measurement

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

Read more

Tags: news gulp performance pagespeed node buildprocess

Chrome Dev Summit: Performance Summary

Performance Matters

Read more

Tags: news mobile performance

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!

Read more

Tags: news mobile performance touchevent

Flexbox layout isn't slow

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

Read more

Tags: news performance layout css

Profiling Long Paint Times with DevTools' Continuous Painting Mode

Read more

Tags: news performance devtools

Stick your landings! position: sticky lands in WebKit

Read more

Tags: news performance css

When milliseconds are not enough: performance.now

Read more

Tags: news internals performance

How to convert ArrayBuffer to and from String

How to convert ArrayBuffer to and from String

Read more

Tags: news performance arraybuffer

requestAnimationFrame API: now with sub-millisecond precision

Read more

Tags: news internals performance

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

Read more

Tags: news performance dom

Round-up of Web Browser Internals Resources

Read more

Tags: news internals performance

Optimizing JavaScript

Read more

Tags: news performance javascript

Transferable Objects: Lightning Fast!

Read more

Tags: news binary performance workers

Use mediump precision in WebGL when possible

Read more

Tags: news mobile performance webgl graphics

Subscribe