Deprecations and removals in Chrome 72
A round up of the deprecations and removals in Chrome 72 to help you plan.
deprecations
removals
chrome72
Introducing Background Fetch
Background Fetch lets you handle large downloads, even if the browser closes.
What's New In DevTools (Chrome 72)
Visualize performance metrics, highlight text nodes, copy the JS path to a node, and Audits panel updates.
chrome72
devtools
devtools-whatsnew
Web Audio, Autoplay Policy and Games
A recap of our Web Audio autoplay policy changes which are rolling out soon in Chrome.
Unlocking new capabilities for the web
We strongly believe that every developer should have access to the capabilities they need to make a great web experience, and we are committed to a more capable web. Learn about some of the new APIs we're considering and how you can get involved.
Signed HTTP Exchanges
Signed Exchanges allow websites to sign web content in the way that the content can be safely redistributed and verified where it was originally from.
chrome73
webpackage
signed-exchange
loading
WebAssembly Threads ready to try in Chrome 70
WebAssembly threads enable an application to make use of parallel threads running while sharing the same memory address space. This enables libraries and applications that rely on pthreads to be ported to run in the browser. This feature is being run under an origin-trial to solicit feedback from the developer community.
Deprecations and removals in Chrome 71
A round up of the deprecations and removals in Chrome 71 to help you plan.
deprecations
removals
chrome71
Watch video using Picture-in-Picture
Control Picture-in-Picture for video elements on your website.
Tweaks to cache.addAll() and importScripts() coming in Chrome 71
Some small changes are coming to cache.addAll()
and importScripts()
, starting in Chrome 71.
progressive-web-apps
serviceworker
chrome71
deprecations
removals
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.
What's New In DevTools (Chrome 71)
Highlight DOM nodes from Live expressions, store nodes as global variables, and more.
chrome71
devtools
devtools-whatsnew
Houdini's Animation Worklet
Animation Worklet allows you to write imperative animations that run at the device's native frame rate for that extra buttery jank-free smoothness™, make your animations more resilient against main thread jank and are linkable to scroll instead of time.
Inside look at modern web browser (part 4)
For the last of this 4 part blog series, we look at how the compositor is enabling smooth interaction when user input comes in
Inside look at modern web browser (part 3)
Once the browser receives page data, what happens inside of the renderer process to display a page?
Audio/Video Updates in Chrome 70
A round up of the audio/video updates in Chrome 70: AV1 decoder, cross-codec and cross-bytestream buffering and playback, Opus in MP4 with MSE, and protected content playback allowed by default on Android.
Deprecations and removals in Chrome 70
A round up of the deprecations and removals in Chrome 70 to help you plan.
deprecations
removals
chrome70
Inside look at modern web browser (part 2)
When you type a URL into the address bar, what happens after? When are security checks done and how does the browser speed up the process? Let's look at the page navigation process in browser!
Asynchronous Access to HTTP Cookies
The Cookie Store API offers asynchronous access to HTTP cookies, and opens up the cookie jar to service workers.
Inside look at modern web browser (part 1)
Learn how browser turn your code into functional website from high-level architecture to the specifics of the rendering pipeline. In part 1, we’ll take a look at core computing terminology and Chrome’s multi-process architecture.
The Reporting API
Reporting API brings a common infrastructure for the browser to send reports for various issues: CSP violations, deprecations, browser interventions, network errors, and feature policy violations.
content-security-policy
interventions
deprecations
removals
feature-policy
reporting-observer
analytics
reporting
What's New In DevTools (Chrome 70)
Live Expressions in the Console, highlight DOM nodes during Eager Evaluation, and more.
chrome70
devtools
devtools-whatsnew
Extending the browser with WebAssembly
WebAssembly lets us extend the browser with new features. This article shows how to port the AV1 video decoder and play AV1 video in any modern browser.
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.
Emscripten’s embind
Generate JavaScript bindings for your C/C++ code.
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.
canvas
graphics
performance
workers
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.
ux
performance
chrome-ux-report
Deprecations and removals in Chrome 69
A round up of the deprecations and removals in Chrome 69 to help you plan.
deprecations
removals
chrome69
Audio/Video Updates in Chrome 69
A round up of the audio/video updates in Chrome 69: AV1 and HDCP policy check.
ReportingObserver: know your code health
ReportingObserver gives developers insight into what their code is doing in the wild. ReportingObserver surfaces information on issues like deprecations and interventions, messages that were previously only available in the DevTools console.
chrome69
reporting-observer
analytics
interventions
deprecations
Speed is now a landing page factor for Google Search and Ads
Speed is now a landing page factor for Google Search and Ads.
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.
Well-Controlled Scrolling with CSS Scroll Snap
CSS Scroll Snap allows web developers to create well-controlled scroll experiences by declaring scroll snapping positions. This enables common UX scroll patterns without the need for JavaScript.
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.
PWACompat: the Web App Manifest for all browsers
Use the PWACompat library to bring your Web App Manifest to all browsers. By simply dropping in the library, many of the link
and meta
meta tags required to support older browsers for icons, home screen behavior, theming etc, will be added automatically- no more steps required!
Site Isolation for web developers
Chrome 67 on desktop has a new feature called Site Isolation enabled by default. This article explains what Site Isolation is all about, why it’s necessary, and why web developers should be aware of it.
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.
Introduction to Feature Policy
Feature Policy allows developers to selectively enable, disable, and modify the behavior of certain APIs and features in the browser. It's like CSP, but for features! Shipped in Chrome 60.
ux
chrome60
chrome74
feature-policy
More native echo cancellation!
A new Origin Trial is run in Chrome M68, which adds support for more native echo cancellers, as well as a constraint to control them.
Audio Worklet Design Pattern
Advanced design patterns to unlock Audio Worklet's fullest power with WebAssembly and SharedArrayBuffer.
Augmented reality for the web
Augmented reality allows placement and tracking of virtual objects in a real-world view.
Chacmool: Augmented reality in Chrome Canary
Chacmool, an educational web demo, shows how easily web based AR can build an engaging experience.
Deprecations and removals in Chrome 68
A round up of the deprecations and removals in Chrome 68 to help you plan.
deprecations
removals
chrome68
Bring your payment method to the web with the Payment Handler API
Chrome beta 68 ships with the Payment Handler API -- the new, open, and standard way for web-based payment applications to be offered as a payment option during checkout. It enables merchants to accept a wide variety of payment options within a native-browser experience.
Changes to Add to Home Screen Behavior
Starting in Chrome 68 on Android, the Add to Home Screen behavior is changing to give you more control over when and how to prompt the user. If your site meets the add to home screen criteria, Chrome will no longer automatically show the add to home screen banner. Instead, you'll need to call prompt()
on the saved beforeinstallprompt
event to show the add to home screen dialog prompt to your users
progressive-web-apps
desktop
chrome68
addtohomescreen
Beyond SPAs: alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, and help you make the right decision for your specific use case.
streams
progressive-web-apps
serviceworker
app-shell
What's New In DevTools (Chrome 68)
Eager evaluation, argument hints, function autocompletion, Lighthouse 3.0, and more.
chrome68
devtools
devtools-whatsnew
Enabling Strong Authentication with WebAuthn
Chrome 67 beta introduces the Web Authentication (WebAuthn) API, which allows browsers to interact with and manage public-key based credentials. This enables strong authentication using removable security keys and built-in platform authenticators such as fingerprint scanners.
webauthn
credentials
sign-in
chrome67
Welcome to the immersive web
The immersive web means virtual world experiences hosted through the browser. This entire virtual reality experiences surfaced in the browser or in VR enabled headsets.
Using Lighthouse To Improve Page Load Performance
New perf audits for preload, preconnect, GIFs, and more.
Announcing Lighthouse 3.0
Faster audits, less variance, a new report UI, new audits, and more.
Deprecations and removals in Chrome 67
A round up of the deprecations and removals in Chrome 67 to help you plan. In this version, deprecation of public key pinning, removal of AppCache on unsecure contexts, and more prefix removals.
deprecations
removals
chrome67
Loading WebAssembly modules efficiently
When working with WebAssembly, you often want to download a module, compile it, instantiate it, and then use whatever it exports in JavaScript. This post explains our recommended approach for optimal efficiency.
What's New In DevTools (Chrome 67)
Search across network headers, copy requests as fetch, audit pages using desktop conditions, and much more.
chrome67
devtools
devtools-whatsnew
Present web pages to secondary attached displays
Chrome 66 allows web pages to use a secondary attached display through the Presentation API and to control its contents through the Presentation Receiver API.
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
css
style
cssom
houdini
chrome66
Deprecations and removals in Chrome 66
A round up of the deprecations and removals in Chrome 66 to help you plan. In this version, improved service worker security, changes to CSS position values, and more.
deprecations
removals
chrome66
macOS native echo cancellation
Since version 10.12 (Sierra), macOS includes a native echo canceller. Here's how you can try it out in Chrome!
#SmooshGate FAQ
What can #SmooshGate teach us about standards development and the Web Platform? This write-up gives an overview.
Credential Management API Feature Detection Check-up
Credential Management API Feature Detection Check-up
Emscripting a C library to Wasm
Wasm allows you to run C code on the web.
What's New In DevTools (Chrome 66)
Blackboxing in the Network panel, auto-adjust zooming in Device Mode, and more.
chrome66
devtools
devtools-whatsnew
Lighthouse 2.8 Updates
New perf and SEO audits, perf as the first section in reports, and more.
Deprecations and removals in Chrome 65
A round up of the deprecations and removals in Chrome 65 to help you plan. In this version, a reminder about Symantec certificates, cross-origin downloads are blocked, and document.all
is now read only.
deprecations
removals
chrome65
Meltdown/Spectre
Implications for Web Developers and Chrome’s mitigations.
Chrome User Experience Report: New country dimension
Announcing the release of a new country dimension in the Chrome User Experience Report.
Using DevTools Features Without Opening DevTools
Use Puppeteer to launch Chromium with DevTools features enabled.
CSS Paint API
Houdini’s CSS Paint API allows you to programmatically draw CSS images.
css
style
houdini
javascript
chrome65
What's New In DevTools (Chrome 65)
Local Overrides, accessibility tools, performance and SEO audits, and more.
chrome65
devtools
devtools-whatsnew
Lighthouse 2.7 Updates
New SEO audits and manual accessibility audits, and updates to the WebP audit.