René's URL Explorer Experiment


Title: Help Your Users `Save-Data` | CSS-Tricks

Open Graph Title: Help Your Users `Save-Data` | CSS-Tricks

X Title: Help Your Users `Save-Data` | CSS-Tricks

Description: When enabled, Chrome's Data Saver mode sends a `Save-Data` request header you can use to help users conserve data. How you will help your users `Save-Data`?

Open Graph Description: When enabled, Chrome's Data Saver mode sends a `Save-Data` request header you can use to help users conserve data. How you will help your users `Save-Data`?

X Description: When enabled, Chrome's Data Saver mode sends a `Save-Data` request header you can use to help users conserve data. How you will help your users `Save-Data`?

Opengraph URL: https://css-tricks.com/help-users-save-data/

X: @CSS

Generator: Site Kit by Google 1.190.0

direct link

Domain: css-tricks.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://css-tricks.com/#organization","name":"CSS-Tricks","url":"https://css-tricks.com","sameAs":["https://www.facebook.com/CSSTricks","https://twitter.com/CSS","https://bsky.app/profile/css-tricks.com","https://mastodon.social/csstricks"],"email":"geoff@css-tricks.com","logo":{"@type":"ImageObject","@id":"https://css-tricks.com/#logo","url":"https://css-tricks.com/wp-content/uploads/2026/07/css-tricks-star-logo.svg","contentUrl":"https://css-tricks.com/wp-content/uploads/2026/07/css-tricks-star-logo.svg","caption":"CSS-Tricks","inLanguage":"en-US","width":"116","height":"124"},"description":"A learning community for front-end design and development"},{"@type":"WebSite","@id":"https://css-tricks.com/#website","url":"https://css-tricks.com","name":"CSS-Tricks","publisher":{"@id":"https://css-tricks.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://css-tricks.com/wp-content/uploads/2017/10/Screen-Shot-2019-04-18-at-4.25.16-PM.png","url":"https://css-tricks.com/wp-content/uploads/2017/10/Screen-Shot-2019-04-18-at-4.25.16-PM.png","width":"2870","height":"1432","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://css-tricks.com/help-users-save-data/#webpage","url":"https://css-tricks.com/help-users-save-data/","name":"Help Your Users `Save-Data` | CSS-Tricks","datePublished":"2017-10-02T06:59:49-06:00","dateModified":"2019-04-18T16:25:40-06:00","isPartOf":{"@id":"https://css-tricks.com/#website"},"primaryImageOfPage":{"@id":"https://css-tricks.com/wp-content/uploads/2017/10/Screen-Shot-2019-04-18-at-4.25.16-PM.png"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://css-tricks.com/author/jeremywagner/","name":"Jeremy Wagner","url":"https://css-tricks.com/author/jeremywagner/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/20bc5f313c8df0052350adc95f2210726a605a67272c7c5896ad71ac0b6a1e7f?s=96&d=retro&r=pg","url":"https://secure.gravatar.com/avatar/20bc5f313c8df0052350adc95f2210726a605a67272c7c5896ad71ac0b6a1e7f?s=96&d=retro&r=pg","caption":"Jeremy Wagner","inLanguage":"en-US"},"sameAs":["https://jeremywagner.me/","https://twitter.com/malchata"],"worksFor":{"@id":"https://css-tricks.com/#organization"}},{"@type":"BlogPosting","headline":"Help Your Users `Save-Data` | CSS-Tricks","datePublished":"2017-10-02T06:59:49-06:00","dateModified":"2019-04-18T16:25:40-06:00","articleSection":"Articles","author":{"@id":"https://css-tricks.com/author/jeremywagner/","name":"Jeremy Wagner"},"publisher":{"@id":"https://css-tricks.com/#organization"},"description":"When enabled, Chrome's Data Saver mode sends a `Save-Data` request header you can use to help users conserve data. How you will help your users `Save-Data`?","name":"Help Your Users `Save-Data` | CSS-Tricks","@id":"https://css-tricks.com/help-users-save-data/#richSnippet","isPartOf":{"@id":"https://css-tricks.com/help-users-save-data/#webpage"},"image":{"@id":"https://css-tricks.com/wp-content/uploads/2017/10/Screen-Shot-2019-04-18-at-4.25.16-PM.png"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://css-tricks.com/help-users-save-data/#webpage"}}]}

theme-color#ff7a18
og:localeen_US
og:typearticle
og:site_nameCSS-Tricks
article:publisherhttps://www.facebook.com/CSSTricks
article:tagux
article:sectionArticles
og:updated_time2019-04-18T16:25:40-06:00
og:imagehttps://css-tricks.com/wp-content/uploads/2017/10/Screen-Shot-2019-04-18-at-4.25.16-PM-1024x511.png
og:image:secure_urlhttps://css-tricks.com/wp-content/uploads/2017/10/Screen-Shot-2019-04-18-at-4.25.16-PM-1024x511.png
og:image:width1024
og:image:height511
og:image:altHelp Your Users `Save-Data`
og:image:typeimage/png
article:published_time2017-10-02T06:59:49-06:00
article:modified_time2019-04-18T16:25:40-06:00
twitter:cardsummary_large_image
twitter:creator@malchata
twitter:imagehttps://css-tricks.com/wp-content/uploads/2017/10/Screen-Shot-2019-04-18-at-4.25.16-PM-1024x511.png
twitter:label1Written by
twitter:data1Jeremy Wagner
twitter:label2Time to read
twitter:data26 minutes
msapplication-TileImagehttps://css-tricks.com/wp-content/uploads/2021/07/star.png

Links:

Skip to main contenthttps://css-tricks.com/help-users-save-data/#maincontent
CSS-Tricks https://css-tricks.com/
Articleshttps://css-tricks.com/category/articles/
Almanachttps://css-tricks.com/almanac
Guideshttps://css-tricks.com/guides
Linkshttps://css-tricks.com/category/links/
Newsletterhttps://css-tricks.com/newsletters/
Shophttps://css-tricks.com/shop/
Account icon-account https://css-tricks.com/account
Search https://www.google.com/search?q=site:css-tricks.com%20layout
data saverhttps://css-tricks.com/tag/data-saver/
performancehttps://css-tricks.com/tag/performance/
save-datahttps://css-tricks.com/tag/save-data/
uxhttps://css-tricks.com/tag/ux/
Jeremy Wagner https://css-tricks.com/author/jeremywagner/
The Save-Data headerhttp://httpwg.org/http-extensions/client-hints.html#save-data
a Google Developers articlehttps://developers.google.com/web/updates/2016/02/save-data
Ilya Grigorikhttps://www.igvita.com/
Data Saver extensionhttps://chrome.google.com/webstore/detail/data-saver/pfmgfdlgomnbgkofeojodiodmgpgmkac?hl=en
https://css-tricks.com/help-users-save-data/#change-your-image-delivery-strategy
images are often the largest chunk of the total payload of any given pagehttp://httparchive.org/trends.php?s=All&minlabel=Nov+15+2010&maxlabel=Sep+1+2017#bytesImg&reqImg
Vary response headerhttps://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Vary
Cory Dowdy wrote a posthttps://corydowdy.com/blog/using-save-data-client-hint-with-bolt-betterthumbs
https://css-tricks.com/help-users-save-data/#opt-out-of-server-pushes
Server pushhttps://www.smashingmagazine.com/2017/04/guide-http2-server-push/
is it can be weirdly unpredictable in select scenarioshttps://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
https://css-tricks.com/help-users-save-data/#change-how-you-deliver-markup
one of my articleshttps://jeremywagner.me/blog/webp-images
https://css-tricks.com/help-users-save-data/#conclusion
Jeremy Wagnerhttps://jeremywagner.me
Web Performance in Actionhttps://manning.com/books/web-performance-in-action?a_aid=webopt&a_bid=63c31090
@malchatahttps://twitter.com/malchata
https://css-tricks.com/advertising
We've got lots of ways to help you connect with the greatest front-end community in all the land.https://css-tricks.com/support
https://css-tricks.com/newsletters
Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.https://css-tricks.com/newsletters
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612173
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612176
Save-Data is a client hint defined in the HTTP Client Hints specificationhttp://httpwg.org/http-extensions/client-hints.html#save-data
a few browsers support ithttps://developers.google.com/web/updates/2016/02/save-data#browser_support
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612179
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612182
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612200
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612270
huge swathshttps://www.technologyreview.com/s/603083/the-unacceptable-persistence-of-the-digital-divide/
There’s also large segmentshttps://calibreapp.com/blog/beyond-the-bubble
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612268
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612269
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612273
Permalink to comment#https://css-tricks.com/help-users-save-data/#comment-1612697
http://m.earth.org.ukhttp://m.earth.org.uk
http://www.earth.org.ukhttp://www.earth.org.uk
http://www.earth.org.uk/note-on-site-technicals-5.html#jpgLhttp://www.earth.org.uk/note-on-site-technicals-5.html#jpgL
contact ushttps://css-tricks.com/contact/
Ad CSS-Tricks Members Join our community of front-end nerds! You'll get into the Discord server and member-only perks and free swag. https://css-tricks.com/memberships
Ad CSS-Tricks Newsletter Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly. https://css-tricks.com/newsletters
Ad CSS-Tricks Store Get your t-shirts, prints, stickers, and yes, even mousepads at the brand-spankin' new CSS-Tricks store, now open. https://css-tricks.com/shop
humanshttps://css-tricks.com/about
See past issues →https://css-tricks.com/newsletters
Guest Writinghttps://css-tricks.com/guest-writing/
Membershipshttps://css-tricks.com/memberships/
CSS-Tricks Storehttps://css-tricks.com/shop/
Support Ushttps://css-tricks.com/support/
Advertisinghttps://css-tricks.com/advertising/
Contact Ushttps://css-tricks.com/contact/
RSS Feedshttps://css-tricks.com/rss-feeds/
Blueskyhttps://bsky.app/profile/css-tricks.bsky.social
Mastodonhttps://mastodon.social/@csstricks
CodePenhttps://codepen.io/team/css-tricks
X / Twitterhttps://x.com/css
LinkedInhttps://linkedin.com/company/css-tricks-dot-com/
CSS-Tricks Licensehttps://css-tricks.com/license/
AI Statementhttps://css-tricks.com/ai/
Terms of Usehttps://css-tricks.com/terms/
Privacy Policyhttps://css-tricks.com/privacy/
Back to Top https://css-tricks.com/help-users-save-data/#top-of-site

Viewport: width=device-width

Robots: follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large


URLs of crawlers that visited me.