Web features explorer

prefers-reduced-data media query

Limited availability

The prefers-reduced-data CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead.

Browser support

  • Chrome Not supported Bugs: 40118365
  • Chrome Android Not supported Bugs: 40118365
  • Edge Not supported Bugs: 40118365
  • Firefox Not supported
  • Firefox for Android Not supported
  • Safari Not supported Position (concerns: privacy)
  • Safari on iOS Not supported Position (concerns: privacy)
👍
10

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Surveys

Developer use cases

  • I serve video previews on thumbnail hover on desktop and I'm considering using CSS scroll-state queries to mirror this in some fashion on mobile, but I'd like to disable this feature when folks have save data turned on. I serve video previews on thumbnail hover on desktop and I'm considering using CSS scroll-state queries to mirror this in some fashion on mobile, but I'd like to disable this feature when folks have save data turned on. [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist