This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Note: This feature is available in Web Workers, except for Service Workers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The PressureObserver interface is part of the Compute Pressure API and is used to observe the pressure changes of system resources such as the CPU.
PressureObserver() Experimental
Creates and returns a new PressureObserver object.
PressureObserver.knownSources Read only Experimental
Returns an array of source values supported by the user agent.
PressureObserver.observe() Experimental
Invokes the pressure observer's callback function when a pressure record for the specified source is observed.
PressureObserver.unobserve() Experimental
Stops the pressure observer callback from receiving pressure records from the specified source.
PressureObserver.disconnect() Experimental
Stops the pressure observer callback from receiving pressure records from all sources.
PressureObserver.takeRecords() Experimental
Returns the current list of pressure records stored in the pressure observer, emptying it out.
This example creates a PressureObserver and takes action whenever there is a pressure change. The sample interval is set to 1000ms, meaning that there will be updates at most every second.
function callback(records) {
const lastRecord = records[records.length - 1];
console.log(`Current pressure ${lastRecord.state}`);
if (lastRecord.state === "critical") {
// disable video feeds
} else if (lastRecord.state === "serious") {
// disable video filter effects
} else {
// enable all video feeds and filter effects
}
}
try {
const observer = new PressureObserver(callback);
await observer.observe("cpu", {
sampleInterval: 1000, // 1000ms
});
} catch (error) {
// report error setting up the observer
}
| Specification |
|---|
| Compute Pressure Level 1> # the-pressureobserver-object> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
PressureObserver |
125 | 125 | No | 111 | No | No | No | No | No | No | No | No |
PressureObserver |
125 | 125 | No | 111 | No | No | No | No | No | No | No | No |
disconnect |
125 | 125 | No | 111 | No | No | No | No | No | No | No | No |
knownSources_static |
125 | 125 | No | 111 | No | No | No | No | No | No | No | No |
observe |
125 | 125 | No | 111 | No | No | No | No | No | No | No | No |
takeRecords |
125 | 125 | No | 111 | No | No | No | No | No | No | No | No |
unobserve |
125 | 125 | No | 111 | No | No | No | No | No | No | No | No |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PressureObserver