New in Chrome 78
Chrome 78 is rolling out now! You can now provide “types” for CSS variables. You get fresher service workers because byte-for-byte checks are now performed for scripts imported by importScripts()
. And I’ve got details for two new origin trials that provide some neat new functionality including the Native File System and the SMS Receiver. Plus the Chrome DevSummit is happening November 11-12, 2019. Let’s dive in and see what’s new for developers in Chrome 78!
chrome78
new-in-chrome
chromedevsummit
css
serviceworker
origintrials
native-file-system
sms-receiver
Fresher service workers, by default
HTTP requests that check for updates to the service worker script will no longer be fulfilled by the HTTP cache by default. This works around a common developer pain point, in which setting an inadvertent Cache-Control
header on your service worker script could lead to delayed updates. Also, updates to imported scripts can trigger the service worker update flow.
progressive-web-apps
serviceworker
chrome68
Introducing Background Fetch
Background Fetch lets you handle large downloads, even if the browser closes.
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
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
Estimating Available Storage Space
navigator.storage.estimate() gives you insight into your web app's storage constraints.
storage
serviceworker
indexeddb
chrome61
Speed up Service Worker with Navigation Preloads
Navigation preload lets you overcome service worker startup time by making requests in parallel.
chrome59
serviceworker
performance
New In Chrome 54
With Chrome 54, you can now create your own custom HTML tag with and make re-usable web components with Custom Elements v1; it’s easier to send messages between open windows or tabs on the same origin with the BroadcastChannel
API; media experience get better on Android and foreign fetch is now available as an origin trial.
chrome54
new-in-chrome
media
webcomponents
broadcast
foreignfetch
fullscreen
serviceworker
origintrials
Cross-origin Service Workers: Experimenting with Foreign Fetch
Third-party services can start deploying their own network request handlers.
chrome54
origintrials
serviceworker
cors
fetch
CacheQueryOptions Arrive in Chrome 54
The full set of CacheQueryOptions
are supported, making it easier to find the cached responses you're looking for.
Offline Google Analytics Made Easy
The sw-offline-google-analytics library gives you everything you need.
serviceworker
analytics
offline
indexeddb
Goodbye Short Sessions: A Proposal for Using Service Workers to Improve Cookie Management on the Web
Introducing a proof of concept design to persist sessions using the Service Worker.
identity
sessions
cookie
serviceworker
Stream Your Way to Immediate Responses
Start processing your service worker responses ASAP, thanks to ReadableStreams.
performance
chrome52
streams
serviceworker
Getting Started with Progressive Web Apps
Learn how to get started building Progressive Web Apps
progressive-web-apps
serviceworker
Introducing Background Sync
Background sync is a new web API that lets you defer actions until the user has stable connectivity. This is useful for ensuring that whatever the user wants to send, is actually sent.
Instant Loading Web Apps with an Application Shell Architecture
Application shell architecture is a method of building progressive web apps today, taking advantage of a range of technologies.
Updates to the Service Worker Cache API
Chrome 46 brought new methods to caches, as does Chrome 47, and probably 48. It never stops.
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.
news
performance
serviceworker
Push Notifications on the Open Web
Push Messaging and Notifications are Landing in Chrome 42.
news
webpush
notifications
serviceworker
Offline-first, fast, with the sw-precache module
Add service worker-powered offline capabilities to your site with the sw-precache module.
news
serviceworker
offline
cache
performance
Chrome Dev Summit: Mobile Summary
Here's the first in a series of reports from Chrome Dev Summit. There was a strong emphasis on Mobile and Cross-device development, so we'll kick off with that!