Save-DataSave-Data는 사용자가 브라우저·OS에서 '데이터 절약(Data Saver)' 모드를 켰음을 서버에 알리는 Client Hint 요청 헤더입니다. 값이 on일 때만 전송되며, 서버는 이를 보고 이미지 화질을 낮추거나 무거운 리소스를 생략해 데이터 사용량을 줄이는 적응형 서빙을 할 수 있습니다.
이 헤더는 불리언적으로 동작합니다. 절약 모드가 켜져 있으면 Save-Data: on이 전송되고, 꺼져 있으면 헤더 자체가 생략됩니다(off 값을 보내지 않음). 따라서 서버는 헤더의 '존재 여부'로 판단합니다. 저엔트로피 힌트라 Accept-CH 옵트인 없이도 기본 전송됩니다.
권장 대응은 절약 모드에서 사용자 경험의 핵심은 유지하되 데이터 비용을 낮추는 것입니다: 이미지 해상도·품질 하향, 지연 로딩 강화, 자동재생·프리페치·대용량 폰트 억제, 저해상도 대체 리소스 제공 등입니다. CSS에서는 미디어 쿼리 prefers-reduced-data로, JS에서는 navigator.connection.saveData로 같은 신호에 접근할 수 있습니다.
응답이 Save-Data에 따라 달라지면 캐시가 절약본과 일반본을 섞지 않도록 Vary: Save-Data를 반드시 함께 보내야 합니다. 이 헤더는 사용자의 명시적 절약 의사를 존중하는 것이지, 임의로 기능을 크게 제거해 사이트를 반쪽으로 만들라는 뜻은 아닙니다.
Save-Data: <on>e.g. Save-Data: on
on | 사용자가 데이터 절약 모드를 켰음을 뜻함. 꺼져 있으면 헤더 자체가 전송되지 않음. |